LoginFormError
Loading example…
Live region for errors about the sign-in itself (wrong credentials, a server message), shown as a callout with an alert icon; place it above the fields. A field left empty is reported under that field instead. It stays in the page while empty so the message is announced.
Import
Section titled “Import”import { LoginFormError } from "@jcsoftdev/ui/auth";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/auth/login-form.
<LoginFormError portals={[]} />This component declares no props of its own.
It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).
Storybook stories
Section titled “Storybook stories”- Standalone
- With Portals
- Portal Tiles Focus And Check
- Complete
- Missing Identifier
- Wrong Password
- Loading
- Controlled Error
- Inside Auth Layout
- Repeated Error
- Controlled Outcome Reset
- Keeps Default Active Index
- Submit Keeps Focus While Loading
Source
Section titled “Source”packages/ui/src/auth/login-form/parts.tsx