You are viewing the deprecated 0.4.4 version of the website. Click here to view the latest version

Documentation

Everything you need to create a website with Bulma

# Tags

## Small tag labels to insert anywhere

By default, a tag is a 1.5rem high label.
Tag label

    <span class="tag">
      Tag label
    </span>

Like with buttons, there are 9 different colors available.

Black

Dark

Light

White

Primary

Info

Success

Warning

Danger

    <span class="tag is-black">Black</span>
    <span class="tag is-dark">Dark</span>
    <span class="tag is-light">Light</span>
    <span class="tag is-white">White</span>
    <span class="tag is-primary">Primary</span>
    <span class="tag is-info">Info</span>
    <span class="tag is-success">Success</span>
    <span class="tag is-warning">Warning</span>
    <span class="tag is-danger">Danger</span>

And 2 additional sizes.

Medium

Large

    <span class="tag is-primary is-medium">Medium</span>
    <span class="tag is-info is-large">Large</span>

You can also append a delete button.

Bar

Hello

World

    <span class="tag is-success">
      Bar
      <button class="delete is-small"></button>
    </span>
    <span class="tag is-warning is-medium">
      Hello
      <button class="delete is-small"></button>
    </span>
    <span class="tag is-danger is-large">
      World
      <button class="delete"></button>
    </span>

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!