Imagine ArtButton
View in FigmaTriggers actions like form submission, navigation, or confirmation dialogs.
ActionsImport
import { Button } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "outline" | "ghost" | "brand" | "error" | "success" | "warning" | "link" | "primary" | Visual style of the button. |
| size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Controls height, padding, and font size. |
| shape | "pill" | "rect" | "pill" | Border radius shape. |
| iconOnly | boolean | — | Renders as a square icon button. |
| leftIcon | ReactNode | — | Icon rendered before the label. |
| rightIcon | ReactNode | — | Icon rendered after the label. |
| loading | boolean | — | Shows a spinner and disables interaction. |