Component · C-012

RadioGroup

A radio group where only one option can be chosen. It supports per-option descriptions and vertical or horizontal orientation.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/radio-group.json

Accessibility

• The group is named through aria-labelledby, and each option is a real radio inside its label.
• Only one option can be checked; arrow keys move within the group without leaving it.
• Descriptions sit outside the label so the accessible name stays clean.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown