Basic Form Elements
Read Only Form Elements
Checkboxes

Use .ms-checkbox-{state}in .ms-checkbox-wrap

  • Normal
  • Checked
  • Disabled
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Dark
Radio Buttons

Use .ms-checkbox-{state}in .ms-checkbox-wrap

  • Normal
  • Checked
  • Disabled
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Dark
Toggle Switches

Use .ms-switch-{state}in .ms-switch-slider

  • Normal
  • Checked
  • Disabled
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Dark
Form Buttons
Grouped Elements
@
@example.com
ActionAnother actionSomething else here Separated link
Example invalid custom file feedback
Form Sizing

Use .col-form-label-{size}and .form-control-{size}