25
Displays a button or a component that looks like a button.
npx neobrutal add buttonimport { Button } from "@/components/ui/button"<Button variant="neutral">Button</Button>Use the asChild prop to render as a link.
import Link from "next/link"
<Button asChild>
<Link href="/login">Login</Link>
</Button>| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "noShadow" | "neutral" | "default" | The visual style of the button. |
| size | "default" | "sm" | "lg" | "icon" | "default" | The size of the button. |
| asChild | boolean | false | Whether to render the button as a child component using Slot. |