# LoginFormHeader

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

Source: https://ui.jcsoftdev.com/docs/components/login-form-header

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

## Import

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

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

## Usage

```tsx
<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](/storybook/?path=/story/auth-loginform--standalone)
- [With Portals](/storybook/?path=/story/auth-loginform--with-portals)
- [Portal Tiles Focus And Check](/storybook/?path=/story/auth-loginform--portal-tiles-focus-and-check)
- [Complete](/storybook/?path=/story/auth-loginform--complete)
- [Missing Identifier](/storybook/?path=/story/auth-loginform--missing-identifier)
- [Wrong Password](/storybook/?path=/story/auth-loginform--wrong-password)
- [Loading](/storybook/?path=/story/auth-loginform--loading)
- [Controlled Error](/storybook/?path=/story/auth-loginform--controlled-error)
- [Inside Auth Layout](/storybook/?path=/story/auth-loginform--inside-auth-layout)
- [Repeated Error](/storybook/?path=/story/auth-loginform--repeated-error)
- [Controlled Outcome Reset](/storybook/?path=/story/auth-loginform--controlled-outcome-reset)
- [Keeps Default Active Index](/storybook/?path=/story/auth-loginform--keeps-default-active-index)
- [Submit Keeps Focus While Loading](/storybook/?path=/story/auth-loginform--submit-keeps-focus-while-loading)

## Source

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