39 lines
994 B
TypeScript
39 lines
994 B
TypeScript
"use client"
|
|
|
|
import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react"
|
|
|
|
import { Button } from "@/registry/new-york-v4/ui/button"
|
|
import { ButtonGroup } from "@/registry/new-york-v4/ui/button-group"
|
|
|
|
export default function ButtonGroupNested() {
|
|
return (
|
|
<ButtonGroup>
|
|
<ButtonGroup>
|
|
<Button variant="outline" size="sm">
|
|
1
|
|
</Button>
|
|
<Button variant="outline" size="sm">
|
|
2
|
|
</Button>
|
|
<Button variant="outline" size="sm">
|
|
3
|
|
</Button>
|
|
<Button variant="outline" size="sm">
|
|
4
|
|
</Button>
|
|
<Button variant="outline" size="sm">
|
|
5
|
|
</Button>
|
|
</ButtonGroup>
|
|
<ButtonGroup>
|
|
<Button variant="outline" size="icon-sm" aria-label="Previous">
|
|
<ArrowLeftIcon />
|
|
</Button>
|
|
<Button variant="outline" size="icon-sm" aria-label="Next">
|
|
<ArrowRightIcon />
|
|
</Button>
|
|
</ButtonGroup>
|
|
</ButtonGroup>
|
|
)
|
|
}
|