# LoginFormSubmit

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

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

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

## Import

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

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

## Usage

```tsx
<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](/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`