Button

<BaseButton
type="button"
variant="filled"
>Buttons</BaseButton>

Props (8)

  • booleanThe disabled state of the button
  • booleanShows a spinner and disables the button while something is in progress
  • booleanA square/round button that only contains an icon (requires an aria-label)
  • aria-labelstringThe accessible name of the button, required when iconOnly is set
  • routeThe link to navigate to
  • stringThe link to navigate to
  • typeenumThe native button type (only applies when not used as a link)
  • variantenumThe type of button

Slots (1)

  • defaultThe label of the button

Icon only

<BaseButton icon-only variant="filled" aria-label="Close">
<web-icon name="close" />
</BaseButton>