Label

Default
.e-label

Lorem ipsum
<div class="e-label">
  Lorem ipsum
</div>


                        <div class="e-label">Lorem ipsum</div>

Variations

With close button

Lorem ipsum 
<div class="e-label">
  Lorem ipsum
  <div class="e-label__close"></div></div>


                          <div class="e-label">Lorem ipsum
                            <div class="e-label__close"></div>
                          </div>

Tag
.e-label-tag

Lorem ipsum 
<div class="e-label e-label-tag">
  Lorem ipsum
  <div class="e-label__close"></div></div>


                          <div class="e-label e-label-tag">Lorem ipsum
                            <div class="e-label__close"></div>
                          </div>

Color variations

default
.e-label-default

Lorem ipsum
<div class="e-label e-label-default">
  Lorem ipsum
</div>


                          <div class="e-label e-label-default">Lorem ipsum</div>

primary
.e-label-primary

Lorem ipsum
<div class="e-label e-label-primary">
  Lorem ipsum
</div>


                          <div class="e-label e-label-primary">Lorem ipsum</div>

secondary
.e-label-secondary

Lorem ipsum
<div class="e-label e-label-secondary">
  Lorem ipsum
</div>


                          <div class="e-label e-label-secondary">Lorem ipsum</div>

info
.e-label-info

Lorem ipsum
<div class="e-label e-label-info">
  Lorem ipsum
</div>


                          <div class="e-label e-label-info">Lorem ipsum</div>

danger
.e-label-danger

Lorem ipsum
<div class="e-label e-label-danger">
  Lorem ipsum
</div>


                          <div class="e-label e-label-danger">Lorem ipsum</div>

warning
.e-label-warning

Lorem ipsum
<div class="e-label e-label-warning">
  Lorem ipsum
</div>


                          <div class="e-label e-label-warning">Lorem ipsum</div>

Last update

Message feat(components): use stylelint rules
Date:
()
Committer: rudywaltz
Component history