The Button component provides a flexible interactive element with support for icons, loading states, and link behavior.
Basic Example
Buttons support labels, icons, disabled and loading states:
No preview available
Example
Basic button usage:
Highlighting code...
Variants
Buttons can render as icon-only, with left or right icons, or as links using the href prop.
No preview available
Example
Highlighting code...
Properties
Core Properties
- label: Button text
- icon: Left icon class
- iconRight: Right icon class
- onclick: Click handler
- type: Button type (default: 'button')
States & Links
- disabled: Disable interaction
- loading: Show loading spinner
- href: Render as link
- target: Link target attribute
- class: Custom CSS classes