UHasselt Component Library

App Tag: Tag Applied 

<div class='mol-tag tag-applied'>
    <span class="atm-icon fas fa-dot-circle   " aria-hidden="true"></span>
    <span>Aangevraagd</span>
</div>
 
<div class='mol-tag {{modifier}}'>
    {{#if icon}}{{render '@app-icon' icon}}{{/if}}
    <span>{{text}}</span>
</div>
 
{
  "icon": {
    "icon": "fa-dot-circle",
    "style": "fas"
  },
  "text": "Aangevraagd",
  "modifier": "tag-applied"
}
  • Content: 
    .mol-tag {
    &.tag-applied {
        @apply text-black-500;
    }
    &.tag-accept {
        @apply text-green;
    }
    &.tag-reject {
        @apply text-red;
    }
}
  • URL: /components/raw/app-tag/app-tag.css
  • Filesystem Path: src\components\08-app-molecules\app-tag\app-tag.css
  • Size: 183 Bytes

No notes defined.