← all Bulma classes list

Bulma class: .is-outlined

    <button class="button is-primary is-outlined">Button</button>
    <button class="button is-info is-outlined">Button</button>
    <button class="button is-link is-outlined">Button</button>
    <button class="button is-outlined">Button</button>
    <button class="button is-success is-outlined">Button</button>
    <button class="button is-danger is-outlined">Button</button>

Preview

Use Shuffle AI to build your own Bulma CSS templates

Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.

Check .is-outlined in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More in Bulma Button