npm install cool-checkboxes-for-bulma.io
is-primary
, is-success
, is-warning
, is-info
, is-danger
, is-dark
, is-black
is-circular
to make the checkboxes round and is-inline
to inline checkboxes.Cool Checkboxes
Cool Circular Checkboxes
Inline Cool Checkboxes
<div class="field">
<p class="control">
<div class="b-checkbox is-warning">
<input id="checkbox" class="styled" checked type="checkbox">
<label for="checkbox">
Is Warning
</label>
</div>
</p>
</div>
<div class="field">
<p class="control">
<div class="b-checkbox is-warning is-circular">
<input id="checkbox" class="styled" checked type="checkbox">
<label for="checkbox">
Is Warning
</label>
</div>
</p>
</div>
<div class="field">
<p class="control">
<div class="b-checkbox is-warning is-inline">
<input id="checkbox" class="styled" checked type="checkbox">
<label for="checkbox">
Is Warning
</label>
</div>
<div class="b-checkbox is-danger is-inline">
<input id="checkbox" class="styled" checked type="checkbox">
<label for="checkbox">
Is Warning
</label>
</div>
</p>
</div>