Button

Triggers an action or navigates somewhere.

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

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

<Button variant="secondary">Continue</Button>

Pass a Link to render and turn off the native button element.

Prop	Type	Default	Description
`variant`	`"primary" \| "secondary" \| "outline" \| "ghost" \| "negative" \| "glass" \| "link"`	`"primary"`	Visual style.
`size`	`"sm" \| "md" \| "lg" \| "icon" \| "icon-md"`	`"md"`	Height and padding. Icon sizes are square.
`render`	`ReactElement`	—	Element to render instead of a button, such as a Link.
`nativeButton`	`boolean`	`true`	Set to false when render is not a native button.
`disabled`	`boolean`	`false`	Blocks interaction and applies the disabled style.

All other props are forwarded to the underlying Base UI component.

Installation