# LoginFormOptions

> Row under the fields with a remember-me checkbox (reported to `onSubmit` as `remember`) and a help slot.

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

Row under the fields with a remember-me checkbox (reported to `onSubmit` as `remember`) and a help slot.

## Import

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

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

## Usage

```tsx
<LoginFormOptions portals={[]} />
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `rememberLabel` | `string` |  | Label of the checkbox. Defaults to the localized "Remember me". |
| `help` | `ReactNode` |  | Help link or button at the end of the row. |
| `helpHref` | `string` |  | Adds the localized "Need help?" link to this address when `help` is not given. |

`*` 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`