Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Powered by Mintlify
Auto-generate your docs
A fieldset component for grouping related form fields, built on @base-ui/react.
import { Fieldset, FieldsetLegend } from "@craftdotui/baseui/components/fieldset";
<Fieldset>
<FieldsetLegend>Personal Information</FieldsetLegend>
<Field>
<FieldLabel>First Name</FieldLabel>
<FieldControl name="firstName" />
</Field>
<Field>
<FieldLabel>Last Name</FieldLabel>
<FieldControl name="lastName" />
</Field>
</Fieldset>
<Fieldset>
<FieldsetLegend>Shipping Address</FieldsetLegend>
<Field>
<FieldLabel>Street</FieldLabel>
<FieldControl name="street" />
</Field>
<Field>
<FieldLabel>City</FieldLabel>
<FieldControl name="city" />
</Field>
<Field>
<FieldLabel>Postal Code</FieldLabel>
<FieldControl name="postalCode" />
</Field>
</Fieldset>
<Fieldset disabled>
<FieldsetLegend>Disabled Section</FieldsetLegend>
<Field>
<FieldLabel>Field 1</FieldLabel>
<FieldControl />
</Field>
</Fieldset>
<Form>
<Fieldset>
<FieldsetLegend>Account Details</FieldsetLegend>
{/* Fields */}
</Fieldset>
<Fieldset>
<FieldsetLegend>Preferences</FieldsetLegend>
{/* Fields */}
</Fieldset>
<Button type="submit">Save</Button>
</Form>