Skip to main content
Button with variants, sizes, icons, and async handler support. When a handler is provided, the button renders an inline loading state while the promise settles, then a success or error glyph.

​
Usage

​
Reference

​
Parameters

​
attr · prop · boolean | Record<string, boolean>
default:"false"
Complex values (Record<string, boolean>) must be assigned via the disabled JS property instead.
​
prop · (() => unknown)
​
attr · reset | submit | button | link
default:"button"
​
attr · solid | link | outline | ghost
default:"solid"
​
attr · md | sm | lg | xl
default:"md"
​
attr · prop · string | Component
Complex values (Component) must be assigned via the icon JS property instead.
​
attr · start | end
default:"start"

​
Events

The element dispatches native CustomEvents; the payload is in event.detail.
​
CustomEvent
event.detail: [event: MouseEvent]

​
Slots

​
slot