Variants

There're 3 variant styles of tags : primary, secondary, tertiary

To choose with style you want, you have add class one of these .t-input-tag-primary, .t-input-tag-secondary, .t-input-tag-tertiary

By default width of tags is auto, it will be follow how long width of parent class.

If you want to make tag full width, just add this class .t-input-tag-label-full to the <label> html tag.

*Notes : before you create an element form, you have to wrapped it using form class, like this <form class="t-form"> so, you can put some elements inside form tag.

<div class="t-input-group">
    <input type="checkbox" class="t-input-tag" id="normal-1">
    <label class="t-input-tag-label t-input-tag-primary" for="normal-1">Primary</label>
</div>        

                                            

<div class="t-input-group">
    <input type="checkbox" class="t-input-tag" id="disabled-1" disabled>
    <label class="t-input-tag-label t-input-tag-primary" for="disabled-1">Primary</label>
</div>