Button

Inputs & Controls

macOS push button with tactile active state, rounded corners, pill badges, and accent variants.

Installation

$npx shadcn-macos@latest add button

<Button />— macOS styled interactive push button with tactile click response and accent styles.

Prop	Type	Default	Description
variant	"default" \| "secondary" \| "destructive" \| "outline" \| "ghost" \| "link" \| "accent"	"default"	Visual appearance style of the button.
size	"default" \| "sm" \| "xs" \| "lg" \| "icon"	"default"	Size dimensions and padding scaling of the button.
disabled	boolean	false	Whether the button is non-interactive and visually dimmed.
onClick	(event: React.MouseEvent<HTMLButtonElement>) => void	—	Callback triggered when the button is clicked.
className	string	—	Additional Tailwind CSS classes to merge into the button.