FormsFree

Fieldset

A native fieldset with a legend, for grouping related fields.

Usage

Shipping address

Street

bash

npm install @wunderui/react

Then import what you need:

tsx

import { Fieldset, FieldsetLegend } from "@wunderui/react"

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

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Address fields grouped under one legend; ticking “Same as shipping address” disables the whole group.

Payment details

Invoices go to the billing address.

Same as shipping address

Billing address

Street and number

City

ZIP code

Prop	Type	Default
disabled	boolean	false