mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-27 14:44:12 +00:00
26 lines
677 B
TypeScript
26 lines
677 B
TypeScript
import { ToggleGroup, ToggleGroupItem } from "@/examples/base/ui/toggle-group"
|
|
|
|
export function ToggleGroupDateRange() {
|
|
return (
|
|
<ToggleGroup
|
|
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>
|
|
)
|
|
}
|