LoginFormSubmit

LoginFormSubmit is part of the Auth set, imported from @jcsoftdev/ui/auth.

Import

import { LoginFormSubmit } from "@jcsoftdev/ui/auth";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/auth/login-form.

Usage

<LoginFormSubmit portals={[]} />

Props

Prop	Type	Default	Description
size	"sm" | "md" | "lg"		sm is 30px and md (default) 38px, the heights every form control shares; lg is 52px.
variant	"danger" | "primary" | "secondary" | "ghost"
loadingLabel	string		Replaces the children while loading and is announced to screen readers. Without it the children stay and the UI string loading is announced while loading.
block	boolean		Stretch to the full width of the container.
asChild	boolean		Render the child element (via Slot) instead of a <button>, e.g. a link.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

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

packages/ui/src/auth/login-form/parts.tsx