Radio

Forms · src/components/Radio/Radio.tsx

One choice out of several, where the options are all visible.

Give every radio in a set the same name - that is what makes them one choice rather than several independent ones, and nothing here can infer it. Under about seven options this beats a Select, because the reader can compare them without opening anything.

Import

import { Radio } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
label	React.ReactNode
hint	React.ReactNode	A short aside under the label.
className	string
children	React.ReactNode

Also accepts everything on Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'>.