Button Group
v1.1.0Groups related buttons into a cohesive row.
Aesthetic Track Playground
Toggle systemic variants to view custom track layouts and inheritances live.
Action Clusters
Standard row groups using external boundary strokes for high clean visual parity.
Segmented Adjusters
Mixing semantic button states natively within quantitative layouts.
Vertical Stack Orientation
Pivoting track systems safely along column layouts utilizing orientation options.
API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| variant | 'modern' | 'minimal' | 'glass' | 'macos' | 'modern' | Defines the shared container style track and automated child micro-radius adjustments. |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | Controls the structural axis alignment and localized border radius flatting layers. |
| size | 'xs' | 'sm' | 'md' | 'lg' | undefined | Propagates a uniform sizing layout down to all child action nodes automatically. |