Button

Live example

Installation

Terminal

npx shadcn@latest add https://hextech-ui.vercel.app/r/button.json

These are the main Button options. See the exported TypeScript types for inherited native or primitive props.

Prop	Type	Default
`variant`	`primary \| secondary \| text \| hextech \| dimmed \| destructive`	`secondary`
`size`	`small \| medium \| large`	`medium`
`shape`	`normal \| square \| round`	`normal`
`loading`	`boolean`	`false`

Set loading while an action is pending. The button announces its busy state and prevents repeated activation. Keep a readable action label.

Live example

Choose a size for the surrounding layout; all tones use the same size contract.

Live example