Button

A key interactive element that triggers an action or event. Can be styled in various ways to match design intent and hierarchy.

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/Button

import { Button } from "@/components/display-ui/Button"

<Button>Button</Button>

For Button Component

Attribute	Type	Description	Default
variant	`"solid" \| "outline" \| "ghost" \| "link"`	Controls the visual style and behavior of the button.	"solid"
size	`"sm" \| "md" \| "lg"`	Controls the size and padding of the button.	"md"
radius	`"sm" \| "md" \| "lg" \| "xl" \| "full"`	Controls the border radius of the button.	"md"
className	`string`	Additional CSS classes to customize the button styling.	-