Components
Loading preview...
common button group
npx shadcn@latest add https://21st.dev/r/flower0wine/button-groupimport { ButtonGroup, ButtonGroupItem } from "@/components/ui/button-group";
import { Play, ShieldBan, Flame } from "lucide-react"
const DemoOne = () => {
return (
<ButtonGroup>
<ButtonGroupItem variant="default" size="lg">
<div className="inline-flex items-center justify-center gap-2 h-full">
<div>Run</div>
<Play />
</div>
</ButtonGroupItem>
<ButtonGroupItem size="lg">
<ShieldBan />
<span>Rules</span>
</ButtonGroupItem>
<ButtonGroupItem size="lg" variant="destructive">
<Flame />
<span>Reset</span>
</ButtonGroupItem>
</ButtonGroup>
);
};
export { DemoOne };