button-group-orientation

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/button-group-orientation.tsx
import { MinusIcon, PlusIcon } from "lucide-react"

import { Button } from "@/registry/new-york/ui/button"
import { ButtonGroup } from "@/registry/new-york/ui/button-group"

export default function ButtonGroupOrientation() {
  return (
    <ButtonGroup
      orientation="vertical"
      aria-label="Media controls"
      className="h-fit"
    >
      <Button variant="outline" size="icon">
        <PlusIcon />
      </Button>
      <Button variant="outline" size="icon">
        <MinusIcon />
      </Button>
    </ButtonGroup>
  )
}

Installation

npx shadcn@latest add @taki/button-group-orientation

Usage

import { ButtonGroupOrientation } from "@/components/button-group-orientation"
<ButtonGroupOrientation />