UHasselt Component Library

Tags Block 

<section class="tags-block">
    <div class="uhasselt-container mb-16">
        <div class="tags-label">Label</div>
        <span class="tag tag-gray ">
            This is a tag

        </span>

        <span class="tag tag-gray ">
            This is a tag

        </span>

        <span class="tag tag-gray ">
            This is a tag

        </span>

    </div>
</section>
 
<section class="tags-block">
    <div class="uhasselt-container mb-16">
        <div class="tags-label">Label</div>
        {{render '@tag--tag-grey'}}
        {{render '@tag--tag-grey'}}
        {{render '@tag--tag-grey'}}
    </div>
</section>
 
/* No context defined. */
  • Content: 
    .tags-block
{
    .uhasselt-container
    {
        @apply inline-flex;
    }

    .tags-label
    {
        @apply text-h3;
        @apply mr-4;
    }

    .tag
    {
        @apply mr-4;
    }
}
  • URL: /components/raw/tags-block/tags-block.css
  • Filesystem Path: src\components\04-organisms\tags-block\tags-block.css
  • Size: 213 Bytes

No notes defined.