Controlled with label
View
Full width
Billing cycle
Small with disabled
Uncontrolled default
Align
Two options
Medium default size
Density
Animation variants
animationVariant — click each control to compare press feedback.
Default
None
Ripple
Scale
Sink
Lift
Pulse
Glow
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| options | Optional | ToggleGroupOption[] | — | value, label, disabled? |
| value / onChange | Optional | string + callback | — | Controlled selection. |
| size | Optional | "sm" | "md" | md | Item padding scale. |
| fullWidth | Optional | boolean | — | Stretch items evenly. |
| label | Optional | string | — | Visible label and radiogroup aria-label. |
| animationVariant | Optional | PressAnimationVariant | default | Press animation on each segment — default, none, ripple, scale, sink, lift, pulse, or glow. |