LoginFormHeader

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

Import

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

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

Usage

<LoginFormHeader portals={[]} />

Props

Prop	Type	Default	Description
title	ReactNode		Defaults to the localized “Sign in”.
description	ReactNode		Defaults to the description of the selected portal.
titleAs	"h1" | "h2" | "h3"	"h1"	Heading element of the title. Defaults to h1: the form is the point of the page.

* 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