Button
An interactive element used to trigger actions, submit forms, or navigate between views.
Variants
Themes
Sizes
Icons
Props
| Name | Default | Type |
|---|---|---|
theme | "gray" | Theme Visual color theme of the button |
size | "sm" | Size Controls the button size |
variant | "subtle" | Variant Visual style of the button |
label | - | string Text label displayed inside the button |
icon | - | string | Component Icon shown when no left or right icon is specified |
iconLeft | - | string | Component Icon shown before the label |
iconRight | - | string | Component Icon shown after the label |
tooltip | - | string Tooltip text shown on hover |
loading | false | boolean Shows a loading state and disables interaction |
loadingText | - | string Text shown while the button is loading |
disabled | false | boolean Disables the button |
route | - | string | kt | Tt Router destination when used as a link |
link | - | string External link URL |
type | "button" | "button" | "submit" | "reset" Native button type |
Slots
| Slot | Payload |
|---|---|
prefix | - Content shown before the button label (left icon / custom content) |
icon | - Icon-only content for icon buttons |
default | - Main button content (overrides `label`) |
suffix | - Content shown after the button label (right icon / custom content) |