Components
Button
A versatile button component with multiple variants and sizes, including muted, accent, and icon sizes, built on Radix Slot for use as any element via asChild.
import { Button } from "@/components/ui/button";
export default function ButtonDemo() {
return (
<div className="flex flex-wrap items-center gap-3">
<Button>Default</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="accent">Accent</Button>
<Button variant="muted">Muted</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="link">Link</Button>
</div>
);
}