Tags

Small tag labels to insert anywhere

Sizes

The tag comes in 5 different sizes.

While the default size is the normal one, the is-normal modifier exists in case you need to reset the tag to its normal size.

Tiny Normal Medium Large Jumbo

HTML 

<span class="tag is-success is-tiny">Tiny</span>
						<span class="tag is-link is-normal">Normal</span>
						<span class="tag is-primary is-medium">Medium</span>
						<span class="tag is-info is-large">Large</span>
						<span class="tag is-danger is-jumbo">Jumbo</span>

You can change the size of all tags at once:

Example Tiny

All Tiny Size

HTML 

<div class="tags are-tiny">
						<span class="tag">All</span>
						<span class="tag">Tiny</span>
						<span class="tag">Size</span>
						</div>

Example Medium

All Medium Size

HTML 

<div class="tags are-medium">
						<span class="tag">All</span>
						<span class="tag">Medium</span>
						<span class="tag">Size</span>
						</div>

Example Large

All Large Size

HTML 

<div class="tags are-large">
						<span class="tag">All</span>
						<span class="tag">Large</span>
						<span class="tag">Size</span>
						</div>

Example Jumbo

All Jumbo Size

HTML 

<div class="tags are-jumbo">
						<span class="tag">All</span>
						<span class="tag">Jumbo</span>
						<span class="tag">Size</span>
						</div>