Warning
The component state changes for version 6.6.0 - Will be private
More information

Label

<sw-label>

ready

Usage

Interactive component preview
Lorem ipsum dolor sit amet
Component settings
Slots
<sw-label size="default" appearance="default" :ghost="false" :caps="false" :dismissable="true">
    Lorem ipsum dolor sit amet
</sw-label>

Component properties

Property name Type Default
variant String
size String default
appearance String default
ghost Boolean false
caps Boolean false
dismissable Boolean true

Imports

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

SASS variables

Variable name Value
$sw-label-border-radius math.div($border-radius-default, 2)
$sw-label-pill-border-radius 50px

Twig blocks

  • sw_label_status_color_badge
  • sw_label_slot_default
  • sw_label_text_holder
  • sw_select_selection_dismiss_icon
  • sw_label_dismiss
  • sw_label

Slots

  • default
  • dismiss-icon