Primer / Live
Storybook

  • Theme

  • Light
  • Dark
  • System

  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia

  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Reset to default

Checkbox

Generates a checkbox.

Checkbox

Initially checked

Disabled

Form: derived label

Form: custom label

Emphasised label

Caption

Add your resume below

Disclosure

Interactive
Click checkbox to reveal input.
Available hours per week hours per week

Form: default error message

Interactive
This uses component input_validation_message to conditionally display the default error message.

Form: custom error message

Interactive
This uses component input_validation_message to conditionally display a custom error message.

Form group

Demonstrates form_control with attr is_input_group instead of using convenience component checkbox_group.
Role
Caption