checkbox-button-group

A styled checkable input group that communicates if an option(s) are true, false or indeterminate

About Checkbox Button Group

The checkbox-button-group is a set of checkbox buttons wrapped in a fieldset that is also a form element. It is described by a legend with the classes slds-form-element__legend and slds-form-element__label applied to it.

Mobile

On mobile devices, such as phones and other devices that have touch as the primary method of interaction, buttons in the checkbox button group will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor, as well as become stacked.
Below is a live example of what to expect in that context. No code changes are needed in the Salesforce platform context as this change occurs automatically in the appropriate context. For those users not on the Salesforce platform, these modifications will occur automatically when the secondary touch stylesheet is loaded and the device has touch as the primary method of interaction.

Select a device to set the width of the example

Base

<fieldset class="slds-form-element">
  <legend class="slds-form-element__legend slds-form-element__label">Scheduled Day(s)</legend>
  <div class="slds-form-element__control">

States

Has Error

<fieldset class="slds-form-element slds-has-error">
  <legend class="slds-form-element__legend slds-form-element__label">Scheduled Day(s)</legend>
  <div class="slds-form-element__control">

Disabled

<fieldset class="slds-form-element">
  <legend class="slds-form-element__legend slds-form-element__label">Scheduled Day(s)</legend>
  <div class="slds-form-element__control">