Hextech UI

Fieldset

Live example

Fieldset

Party details

Choose how your party appears.

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/fieldset.json

API reference

These are the main Fieldset options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
disabledbooleanfalse
classNamestring on every part—

Composition notes

Use FieldsetLegend for the accessible group name. Set disabled on Fieldset to disable related controls. FieldGroup arranges fields and each Field keeps its 8px label-to-control gap. Associate optional help text with aria-describedby.