--- title: Checkbox layout: documentation doc-tab: form doc-subtab: checkbox --- {% capture checkbox_example %} {% endcapture %} {% capture checkbox_link_example %} {% endcapture %} {% capture checkbox_disabled_example %} {% endcapture %} {% include subnav-form.html %}

Checkbox

The 2-state checkbox in its native format

{% include meta.html colors=false sizes=false variables=false %}

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.

{{checkbox_example}}
{% highlight html %}{{checkbox_example}}{% endhighlight %}

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

{{checkbox_link_example}}
{% highlight html %}{{checkbox_link_example}}{% endhighlight %}
{{checkbox_disabled_example}}
{% highlight html %}{{checkbox_disabled_example}}{% endhighlight %}