laif-ds
Version:
Design System di Laif con componenti React basati su principi di Atomic Design
31 lines (21 loc) • 698 B
Markdown
# ToggleGroup
## Overview
Group of toggle buttons with shared variant/size context. Built on Radix Toggle Group.
## Exports
- `ToggleGroup` — container; supports Radix `type="single" | "multiple"`
- `ToggleGroupItem` — individual item inheriting variant/size from context
## Example
```tsx
import { ToggleGroup, ToggleGroupItem } from "laif-ds";
export function AlignmentGroup() {
return (
<ToggleGroup type="single" defaultValue="center" variant="outline">
<ToggleGroupItem value="left">Left</ToggleGroupItem>
<ToggleGroupItem value="center">Center</ToggleGroupItem>
<ToggleGroupItem value="right">Right</ToggleGroupItem>
</ToggleGroup>
);
}
```