Button

A button with default, secondary, outline, ghost, destructive, link, and spark variants.

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

PropTypeDefaultDescription
variant"default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "spark""default"Visual style of the button.
size"sm" | "default" | "lg" | "icon""default"Size of the button.
asChildbooleanfalseRender the child element (e.g. a link) with button styling.
classNamestringAdditional CSS classes.