button

A versatile button component with multiple variants, sizes, and states. Supports custom styling and different states.

pnpm dlx shadcn@latest add "/r/button.json"

example

usage

import { Button } from "@/components/n-ui/button";

// basic usage
<Button>Click me</Button>

// variants
<Button variant="default" size="sm">default</Button>
<Button variant="outline" size="md">outline</Button>
<Button variant="ghost" size="lg">ghost</Button>
<Button variant="link" size="md">link</Button>
<Button variant="destructive" size="md">destructive</Button>
<Button variant="selected" size="md">selected</Button>

// sizes
<Button size="sm">small</Button>
<Button size="md">medium</Button>
<Button size="lg">large</Button>

// states
<Button disabled>disabled</Button>
<Button className="bg-blue-500">custom style</Button>