mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-01 00:24:20 +00:00
21 lines
642 B
TypeScript
21 lines
642 B
TypeScript
import { ToggleGroup, ToggleGroupItem } from "@/examples/base/ui/toggle-group"
|
|
|
|
export function ToggleGroupSpacing() {
|
|
return (
|
|
<ToggleGroup size="sm" defaultValue={["top"]} variant="outline" spacing={2}>
|
|
<ToggleGroupItem value="top" aria-label="Toggle top">
|
|
Top
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="bottom" aria-label="Toggle bottom">
|
|
Bottom
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="left" aria-label="Toggle left">
|
|
Left
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="right" aria-label="Toggle right">
|
|
Right
|
|
</ToggleGroupItem>
|
|
</ToggleGroup>
|
|
)
|
|
}
|