mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-26 22:26:05 +00:00
22 lines
675 B
TypeScript
22 lines
675 B
TypeScript
import { ToggleGroup, ToggleGroupItem } from "@/examples/base/ui/toggle-group"
|
|
import { ArrowDownIcon, ArrowUpIcon, TrendingUpIcon } from "lucide-react"
|
|
|
|
export function ToggleGroupSort() {
|
|
return (
|
|
<ToggleGroup defaultValue={["newest"]} variant="outline" size="sm">
|
|
<ToggleGroupItem value="newest" aria-label="Newest">
|
|
<ArrowDownIcon />
|
|
Newest
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="oldest" aria-label="Oldest">
|
|
<ArrowUpIcon />
|
|
Oldest
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="popular" aria-label="Popular">
|
|
<TrendingUpIcon />
|
|
Popular
|
|
</ToggleGroupItem>
|
|
</ToggleGroup>
|
|
)
|
|
}
|