Skip to content

Fieldset

A real <fieldset>/<legend> group — a bordered enclosure, not a visual heading. Use for grouped choices and related field clusters.

Prop Type Notes
legend React.ReactNode Engraved legend sitting on the hairline border.
hint React.ReactNode Group-level hint under the legend.
className string
children React.ReactNode

Other props pass through to the root element (React.FieldsetHTMLAttributes<HTMLFieldSetElement>).

Preview

Declarations

TypeScript
export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
  /** Engraved legend sitting on the hairline border. */
  legend?: React.ReactNode;
  /** Group-level hint under the legend. */
  hint?: React.ReactNode;
  className?: string;
  children?: React.ReactNode;
}

/**
 * A real <fieldset>/<legend> group — a bordered enclosure, not a visual
 * heading. Use for grouped choices and related field clusters.
 */
export function Fieldset(props: FieldsetProps): React.JSX.Element;