The Button is Spark UI's core action component — shadcn-style variants plus a glowing spark variant, with subtle lift and press motion.
Preview
Usage
Installation
$ npx shadcn@latest add https://spark-ui-olive.vercel.app/r/button.json
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "spark" | "default" | Visual style of the button. |
size | "sm" | "default" | "lg" | "icon" | "default" | Size of the button. |
asChild | boolean | false | Render the child element (e.g. a link) with button styling. |
className | string | — | Additional CSS classes. |