Component Blueprints
Checkbox
- HTML/CSS:Dev Ready
- Web Component:In Progress (1 of 2 variants)
- Layout:Responsive
checkbox
.slds-checkbox — A checkable input that communicates if an option is true, false or indeterminate
base
.slds-checkbox — Initializes checkbox
base › Checkboxes with Wrapping Text
base › Required Checkboxes with Wrapping Text
base › Required Checkboxes with Abnormally-long Wrapping Text
base › Group
base › Group Required
base › Group with error
base › Group Disabled
base › Stacked
base › Right to Left
base › Right to Left with legend
stacked
.slds-checkbox_stacked — stacks label over checkbox
.slds-checkbox_faux
.slds-checkbox_faux — Creates a custom styled checkbox
.slds-checkbox__label
.slds-checkbox__label — Container for faux checkbox, text, and slds-form-element__label
form-element
.slds-checkbox_standalone — Checkbox with top-level label and value != label