Skip to content
FormsFree

Form

A form wrapper that simplifies validation and submission.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { Form, FormActions } from "@wunderui/react"

Examples

Label, Field, Fieldset, Form

The form primitives — label, field with description / error, fieldset with legend, submit.

Shipping address

Including house number.

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.

Invite a teammate
They get an email with a link to join WunderUI.

API Reference

PropTypeDefault
onSubmit(event: FormEvent) => void—
errorsRecord<string, string>—