Component Library

Label 

<label class="label  " for="default-id">
    Label
    
        <span class="label__sub">(Valgfrit)</span>
</label>
 
<label class="label {{ modifier }} {{ class }}" for="{{ inputId }}">
    {{ text }}
    
    {{#if sub}}
        <span class="label__sub">({{ sub }})</span>
    {{/if}}
</label>
 
{
  "text": "Label",
  "inputId": "default-id",
  "sub": "Valgfrit"
}
  • Content: 
    /*
* Element: Label
*/

/*Setting document variables*/
:root {
    --input-font-family: var(--base-font-family);
}

.label {
    font-family: var(--input-font-family);
    color: currentColor;
    display: inline-block;
    max-width: 100%;
    /* Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)*/
    margin-bottom: 5px;
    font-weight: normal;

    &--block {
        display: block;
    }

    &__sub {
        color: var(--color-gray);
        font-size: 0.8em;
    }
}
  • URL: /components/raw/label/label.css
  • Filesystem Path: src/01-atoms/forms/label/label.css
  • Size: 511 Bytes

There are no notes for this item.