structyl

Radio Group

stable

A set of checkable buttons where only one can be checked at a time.

Basic usage

Examples

Density selector

Three options with descriptive labels for choosing UI density.

Card radio choices

Use radio items inside larger labels when the option needs supporting copy.

Semantic colors

Color prop on RadioGroup.Item sets the checked-state indicator color.

Features

  • Roving focus.
  • Controlled or uncontrolled.

Installation

bash
pnpm dlx structyl add radio-group

API Reference

Radio Group API reference

Full props, types, defaults, and all 3 parts.

View API
Radio Group | structyl