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

Checkbox

The 2-state checkbox in its native format

Colors No
Sizes No
Variables No

The checkbox class is a simple wrapper around the <input type="checkbox"> HTML element. It is intentionally not styled, to preserve cross-browser compatibility and the user experience.

<label class="checkbox">
  <input type="checkbox">
  Remember me
</label>

You can add links to your checkbox, or even disable it.

<label class="checkbox">
  <input type="checkbox">
  I agree to the <a href="#">terms and conditions</a>
</label>
<label class="checkbox" disabled>
  <input type="checkbox" disabled>
  Save my preferences
</label>

Made with Bulma
This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

#native_company# #native_desc#
#native_cta#
New!

The official Bulma book! 😲

by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,
Mikko Lauhakari, Aslam Shah and David Berning

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.

Formats available:
PDF Epub Mobi
or
Kindle

Newsletter

Features, releases, showcase… stay in the loop!