Web Design Guide 2023-12-11 10:29:21 | 2.0.0

Label 

<!-- Default -->
<label for="" class=" label ">Label</label>


<!-- Required -->
<label for="" class=" label -required">Label</label>


<label for="{{for}}" class="{{mixes}} label {{modifiers}}">{{{text}}}</label>
 
/* Default */
{
  "text": "Label"
}


/* Required */
{
  "text": "Label",
  "modifiers": "-required"
}
  • Content: 
    .label {
  display: block;
  padding-bottom: 0.8rem;

  &.-required {
    &::after {
      content: '*';
      white-space: nowrap;
    }
  }
}
  • URL: /components/raw/atoms-label/_label.scss
  • Filesystem Path: src/components/02-ui-components/01-atoms/08-form/01-label/_label.scss
  • Size: 144 Bytes

There are no notes for this item.