Components
Loading preview...
Here is Button component
@base-ui
npx shadcn@latest add https://21st.dev/r/base-ui/button-1import { Button } from "@/components/ui/button";
export default function ButtonVariants() {
return (
<div className="flex flex-col gap-4">
<div className="flex flex-wrap gap-4">
<Button variant="default">Default</Button>
<Button variant="outline">Outline</Button>
<Button variant="secondary">Secondary</Button>
</div>
<div className="flex flex-wrap gap-4">
<Button variant="destructive">Destructive</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>
</div>
</div>
);
}