Fieldset
A named group of fields with a disabled state
Billing address
Street and number
Where the invoice is sent
Usage
import { Field, FieldInput, Fieldset } from "@gpuixui/components";
<Fieldset legend="Billing address" disabled={saving}>
<Field label="Street" description="Street and number">
<FieldInput value={street} onChange={(event) => setStreet(event.value ?? "")} />
</Field>
<Field label="City" description="Where the invoice is sent">
<FieldInput value={city} onChange={(event) => setCity(event.value ?? "")} />
</Field>
</Fieldset>;Composition
Fieldset
└── FieldsetLegendAPI
| Part | Renders | Props |
|---|---|---|
Fieldset | div with role="group" | legend (required), disabled?, className?, children |
FieldsetLegend | text | disabled?, className? |
Edit this page on GitHubpackages/components/docs/fieldset.mdx