Components / Radio Group

Radio Group

Picking exactly one option from a short visible list: posting cadence, mode, audience. When the list gets long, use Select.

import { RadioGroup, RadioGroupItem } from '@layers/ui/radio-group'

Rendered stock

House rules

  • Every RadioGroupItem pairs with a Label wired via htmlFor.
  • For radio lists with inline-editable text, use EditableTextRadioGroup instead of composing your own.
  • Selected state uses the semantic primary tokens; never recolor.