UHasselt Component Library

Label: Hidden Label 

<label class="form-label form-label-hidden  " for="input-label">
    Input label
</label>
 
<label 
    class="form-label {{#if hideLabel}}form-label-hidden{{/if}} {{#if inlineLabel}}form-label-inline{{/if}} {{modifier}}" 
    for="{{for}}"
>
    {{text}}
</label>
 
{
  "for": "input-label",
  "text": "Input label",
  "modifier": "",
  "inlineLabel": false,
  "hideLabel": true
}
  • Content: 
    .form-label {
    @apply text-black text-md block;

    &.form-label-invalid {
        @apply text-red;
    }

    &.form-label-valid {
        @apply text-green;
    }

    &.form-label-inline {
        @apply inline;
    }

    &.form-label-hidden {
        @apply hidden;
    }
}
  • URL: /components/raw/label/label.css
  • Filesystem Path: src\components\02-atoms\forms\label\label.css
  • Size: 302 Bytes

No notes defined.