Skip to content

Radio

Radio with label and optional per-choice hint. Group related radios inside a <Fieldset legend="…"> with a shared name.

Prop Type Notes
label (required) React.ReactNode Choice label.
hint React.ReactNode Per-choice hint line under the label.
className string

Other props pass through to the root element (React.InputHTMLAttributes<HTMLInputElement>).

Preview

Declarations

TypeScript
export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
  /** Choice label. */
  label: React.ReactNode;
  /** Per-choice hint line under the label. */
  hint?: React.ReactNode;
  className?: string;
}

/**
 * Radio with label and optional per-choice hint. Group related radios inside
 * a <Fieldset legend="…"> with a shared `name`.
 */
export function Radio(props: RadioProps): React.JSX.Element;