Forms
RadioGroup
The whole set as one component — one name, one value, one tab stop, plus a card variant for thumbs.
RadioGroup
import { RadioGroup } from '@anomalia-so/ui'; Notes
variant="card"turns each option into a full-width target; use it on phone-first screens.
Examples
Basics
One component for the whole set, because a radio only means something relative to its siblings. The card variant is the phone-friendly one.
API
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Bindable selected value. |
options | RadioOption[] | — | `{ value, label, hint?, disabled? }`. |
variant | 'plain' | 'card' | 'plain' | Row style. |
orientation | 'vertical' | 'horizontal' | 'vertical' | Layout direction. |
Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.