Button

import { Button } from "@/components/ui/button"

export function ButtonDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/button.json

import { Button } from "@/components/ui/button"

<Button variant="outline">Button</Button>

import { Button } from "@/components/ui/button"

export function ButtonSecondary() {

import { Button } from "@/components/ui/button"

export function ButtonDestructive() {

import { Button } from "@/components/ui/button"

export function ButtonOutline() {

import { Button } from "@/components/ui/button"

export function ButtonGhost() {

import { Button } from "@/components/ui/button"

export function ButtonLink() {

import { ChevronRight } from "lucide-react"

import { Button } from "@/components/ui/button"

import { Mail } from "lucide-react"

import { Button } from "@/components/ui/button"

import { Loader2 } from "lucide-react"

import { Button } from "@/components/ui/button"

Prop	Type	Default
`variant`	`"default" \| "outline" \| "ghost" \| "destructive" \| "secondary" \| "link"`	`"default"`
`size`	`"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg"`	`"default"`
`asChild`	`boolean`	`false`