Button

Regular
Danger
Secondary
Success
Form Submit

Disabled
Button type toggle
LinkDisabled linkLink with target

Loading state

Some text

Outline

Regular
Danger
Secondary
Secondary
Success

Small

Small
Small success outline

Plain

Regular
Danger
Secondary
Success

Toolbuttons

YaY

Toolbuttons do not have a min-width set

Button Groups

Regular
Danger
YaY
Success
Regular
Danger
YaY
Success

Usage

API

Props

PropTypeDefaultDescription
iconString-FontAwesome icon class for left icon
iconRightString-FontAwesome icon class for right icon
hrefString-Renders as <a> tag with this href
targetString-Link target (_blank, etc.)
menuArray-Menu items for dropdown menu
dangerBooleanfalseDanger/red style
successBooleanfalseSuccess/green style
secondaryBooleanfalseSecondary/gray style
outlineBooleanfalseOutline style (attr)
plainBooleanfalsePlain text style (attr)
smallBooleanfalseSmall size (attr)
largeBooleanfalseLarge size (attr)
toolBooleanfalseTool button without min-width (attr)
disabledBooleanfalseDisable the button
loadingBooleanfalseShow loading spinner
showDropdownBooleantrueShow dropdown arrow for menu buttons

Events

EventPayloadDescription
click(event, element)Emitted on button click

Slots

SlotDescription
defaultButton label content