Button
Displays a button or a component that looks like a button.
Installation
npx neobrutal add button
Usage
import { Button } from "@/components/ui/button"
<Button variant="outline">Button</Button>
Examples
Default
Neutral
Reverse
Outline
No Shadow
Sizes
Icon
Link
Use the asChild prop to render as a link.
import Link from "next/link"<Button asChild><Link href="/login">Login</Link></Button>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "noShadow" | "neutral" | "primary" | "reverse" | "outline" | "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. |