P
CUI v1.20.1177
<link href="~/PCUIAssets/PCUI/Elements/Checkboxes/css/Checkboxes.min.css" rel="stylesheet" />
<div class="checkbox-main-container">
<div class="ui checkbox checkbox-default">
<input id="checkbox-default" type="checkbox">
<label class="checkbox-label-default">Default</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-primary">
<input id="checkbox-primary" type="checkbox" checked="">
<label class="checkbox-label-primary">Primary</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-success">
<input id="checkbox-success" type="checkbox" checked="">
<label class="checkbox-label-success">Success</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-info">
<input id="checkbox-info" type="checkbox" checked="">
<label class="checkbox-label-info">Info</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-warning">
<input id="checkbox-warning" type="checkbox" checked="">
<label class="checkbox-label-warning">Warning</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-danger">
<input id="checkbox-danger" type="checkbox" checked="">
<label class="checkbox-label-danger">Danger</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checkbox checkbox-rounded-default">
<input id="checkbox-rounded-default" type="checkbox">
<label class="checkbox-label-rounded-default">Simply Rounded</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-rounded-primary">
<input id="checkbox-rounded-primary" type="checkbox" checked="">
<label class="checkbox-label-rounded-primary">Me too</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checkbox checkbox-default">
<input id="checkbox-disabled-default" type="checkbox" disabled="disabled">
<label class="checkbox-label-default">Can't check this</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checkbox checkbox-success">
<input id="checkbox-disabled-success" type="checkbox" checked="checked" disabled="disabled">
<label class="checkbox-label-success">This too</label>
</div>
</div>
<div class="checkbox-main-container">
<div class="ui checked checkbox checkbox-disabled-warning">
<input id="checkbox-disabled-warning" type="checkbox" checked="" disabled="disabled">
<label class="checkbox-label-disabled-warning">And this</label>
</div>
</div>