Button
Primary, secondary, ghost and destructive buttons, with a loading state that settles into a check.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/button.jsonVariant
Size
State
More variants
Button group
Icon buttons
Split button
When to use
- Primary, secondary, ghost and destructive buttons, with a loading state that settles into a check.
- You want a actions piece that already handles empty, loading and dark states.
Installation
Add Button with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/button.jsonAPI reference
Button
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |