mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-30 08:04:18 +00:00
27 lines
715 B
TypeScript
27 lines
715 B
TypeScript
import { ToggleGroup, ToggleGroupItem } from "@/examples/radix/ui/toggle-group"
|
|
import { ArrowDownIcon, ArrowUpIcon, TrendingUpIcon } from "lucide-react"
|
|
|
|
export function ToggleGroupSort() {
|
|
return (
|
|
<ToggleGroup
|
|
type="single"
|
|
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>
|
|
)
|
|
}
|