Example:
<span class="tag">First tag</span>
<span class="tag">Second tag</span>
<span class="tag">Third tag</span>
Example:
<a href="#" class="tag">First tag</a>
<a href="#" class="tag">Second tag</a>
<a href="#" class="tag">Third tag</a>
You can create a list of tags with the .tags
container.
If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.
Example: <span class="tag">
<span class="tag-avatar avatar" style="background-image: url(https://laravel.spruko.com/hogo/Leftmenu-Icon-DarkSidebar-Dark-rtl/assets/images/users/female/16.jpg)"></span>
Victoria
</span>
Example: <div class="tags">
<span class="tag">
One
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</span>
</div>
Example:<div class="tag">
npm
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</div>