Button

<sw-button>

ready
The sw-button component replaces the standard html button or anchor element with a custom button and a multitude of options.

Usage

Loading...
<sw-button>
    Button
</sw-button>

Component properties

Property name Type Default
disabled Boolean false
variant String
size String
square Boolean false
block Boolean false
routerLink Object
link String
isLoading Boolean false

Imports

  • ./sw-button.scss
  • ./sw-button.html.twig

SASS variables

Variable name Value
$sw-button-transition all 0.15s ease-out

Twig blocks

  • sw_button_router_link_slot_default
  • sw_button_router_link_content
  • sw_button_router_link
  • sw_button_link_slot_default
  • sw_button_link_content
  • sw_button_link
  • sw_button_button_slot_default
  • sw_button_button_content
  • sw_button_button
  • sw_button

Slots

  • default