button-group-split

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/button-group-split.tsx
import { IconPlus } from "@tabler/icons-react"

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

export default function ButtonGroupSplit() {
  return (
    <ButtonGroup>
      <Button variant="secondary">Button</Button>
      <ButtonGroupSeparator />
      <Button size="icon" variant="secondary">
        <IconPlus />
      </Button>
    </ButtonGroup>
  )
}

Installation

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

Usage

import { ButtonGroupSplit } from "@/components/button-group-split"
<ButtonGroupSplit />