Files
shadcn-ui/apps/v4/examples/radix/toggle-group-date-range.tsx
2026-01-14 09:25:14 +04:00

27 lines
694 B
TypeScript

import { ToggleGroup, ToggleGroupItem } from "@/examples/radix/ui/toggle-group"
export function ToggleGroupDateRange() {
return (
<ToggleGroup
type="single"
defaultValue="today"
variant="outline"
size="sm"
spacing={2}
>
<ToggleGroupItem value="today" aria-label="Today">
Today
</ToggleGroupItem>
<ToggleGroupItem value="week" aria-label="This Week">
This Week
</ToggleGroupItem>
<ToggleGroupItem value="month" aria-label="This Month">
This Month
</ToggleGroupItem>
<ToggleGroupItem value="year" aria-label="This Year">
This Year
</ToggleGroupItem>
</ToggleGroup>
)
}