Forms
Form
A form wrapper that simplifies validation and submission.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { Form, FormActions } from "@wunderui/react"Examples
Label, Field, Fieldset, Form
The form primitives — label, field with description / error, fieldset with legend, submit.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Invite a teammate
Sending checks the email address, shows the error at the field and confirms the invite once it is valid.
API Reference
| Prop | Type | Default |
|---|---|---|
| onSubmit | (event: FormEvent) => void | — |
| errors | Record<string, string> | — |