Components
A versatile button group component for organizing related actions with consistent spacing and visual connection.
Loading preview...
"use client";
import { Button } from "@/components/ui/button";
import { ButtonGroup } from "@/components/ui/button-group";
function ButtonGroupDemo() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center p-4">
<div className="space-y-3">
<ButtonGroup>
<Button>Copy</Button>
<Button>Save</Button>
<Button>Delete</Button>
</ButtonGroup>
</div>
</div>
);
}
export { ButtonGroupDemo };