FormStatus

FormStatus(props): Element | null

Defined in: packages/ui/src/components/form-status.tsx:27

Displays action result feedback (success, error, and field-level validation messages).

Renders alerts via the UI plugin’s alert slot. Success messages are shown in green, errors in red, and field-level validation errors as a bulleted list. Returns null when there is no feedback to display.

Parameters

props

FormStatusProps

See FormStatusProps.

Returns

Element | null

Example

function EditForm() {
  const actionData = useActionData();
  return (
    <Form method="post">
      <FormStatus data={actionData} />
      ...
    </Form>
  );
}