Components
Button
Button
The Button component provides an essential interactive element for triggering actions, submitting forms, or navigating interfaces. It allows users to engage with key functionalities within the application, making it a fundamental part of any user interface.
Additional Examples
Secondary
Destructive
Outline
Ghost
As Link
As Icon
With Icon
With Loading State
As Child
Configurable Props
<Button>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
variant | enum ("default" | "destructive" | "outline" | "secondary" | "ghost" | "link") | "defahlt" | Determines the appearance of the button. |
size | enum ("default" | "sm" | "lg" | "icon") | "default" | The size of the button. |
asChild | boolean | false | Change the default rendered element for the one passed as a child, merging their props and behavior. |