Radio Group

A set of mutually exclusive, checkable radio buttons.

$bunx shadcn@latest add @nx-ui/radio-group
Registry item
Installs withutils

Basic

Pair each RadioGroupItem with a Label using a matching id. Only one option in the group can be selected.

Controlled & horizontal

Drive `value`/`onValueChange` yourself for a controlled group. The default `grid` layout can be overridden to lay items out horizontally.

Next collection routes to Hartfield Composting Site.

States

Disable the whole group, disable a single option, or mark the group aria-invalid to draw the destructive ring for validation errors.

Group disabled
One option disabled
Invalid

Composition: notification preference

RadioGroupItems inside Field/FieldLabel cards, picking how a site manager hears about a movement update.

Composition: waste transfer note frequency

A FieldSet with a legend and description, used when scheduling recurring collections for a project.

Collection frequency

How often should Nexus schedule a haulier for this project's organic waste?

API reference

Exported parts and their props, extracted from the component source.