button-group-split-demo

1import { PlusIcon } from "lucide-react";
2
3import { Button } from "@/registry/pure-ui/ui/button";
4import {
5  ButtonGroup,
6  ButtonGroupSeparator,
7} from "@/registry/pure-ui/ui/button-group";
8
9export function ButtonGroupSplitDemo() {
10  return (
11    <ButtonGroup>
12      <Button variant="secondary">Button</Button>
13      <ButtonGroupSeparator orientation="vertical" />
14      <Button size="icon" variant="secondary">
15        <PlusIcon />
16      </Button>
17    </ButtonGroup>
18  );
19}