shadcn-ui/apps/v4/examples/base/button-group-vertical.tsx

import { Button } from "@/examples/base/ui/button"
import { ButtonGroup } from "@/examples/base/ui/button-group"
import { MinusIcon, PlusIcon } from "lucide-react"

export function ButtonGroupVertical() {
  return (
    <div className="flex gap-6">
      <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>
    </div>
  )
}