Hogo – Creative Admin Multipurpose Responsive Bootstrap4 Dashboard HTML Template

Alison
Upgrade
Support Add New
Events Settings

### Default tag

First tag Second tag Third tag

    Example:
    <span class="tag">First tag</span>
    <span class="tag">Second tag</span>
    <span class="tag">Third tag</span>

### Link tag

First tag Second tag Third tag

    Example:
    <a href="#" class="tag">First tag</a>
    <a href="#" class="tag">Second tag</a>
    <a href="#" class="tag">Third tag</a>

### Rounded tag

First tag Second tag Third tag

### Color tag

Blue tag Azure tag Indigo tag Purple tag Pink tag Red tag Orange tag Yellow tag Lime tag Green tag Teal tag Cyan tag Gray tag Dark gray tag

### List of tags

You can create a list of tags with the `.tags` container.

First tag Second tag Third tag

If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.

One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen Sixteen Seventeen Eighteen Nineteen Twenty

### Avatar tag

Victoria Nathan Alice Rose Peter Wayne Michelle Debra

    Example: <span class="tag">
    			<span class="tag-avatar avatar" style="background-image: url(../assets/images/users/female/16.jpg)"></span>
    			Victoria
    		</span>

### Tag remove

One Two Three Four

    Example: <div class="tags">
    			<span class="tag">
    				One
    				<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
    			</span>
    		</div>

### Tag addons

npm
npm
bundle passing
CSS gzip size 20.9 kB

    Example:<div class="tag">
    			npm
    			<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
    		</div>