# FormError

> Submit-level error.

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

Submit-level error. `role="alert"`, so assistive tech announces it as soon as it appears.

## Import

```ts
import { FormError } from "@jcsoftdev/ui/forms";
```

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

## Usage

```tsx
export const Default: Story = { render: () => <Demo /> };
```

_Source of the Storybook story._

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `message` * | `ReactNode` |  | Message text; `null`, `undefined` and an empty string render nothing. |

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

- [Default](/storybook/?path=/story/forms-form--default)

## Source

`packages/ui/src/forms/form/form.tsx`