checkbox.md

< Back to Components List

Checkbox

polaris-checkbox implements the Polaris Checkbox component.

NOTE: the React component's id property has been renamed to inputId in this Ember implementation.

Examples

Basic checkbox:

{{polaris-checkbox
  label="This is a checkbox"
  checked=checked
  onChange=(action (mut checked))
}}

Checkbox with help text and value:

{{polaris-checkbox
  label="This is a checkbox with help text"
  helpText="Click the checkbox to toggle something"
  value="my-checkbox-value"
  checked=checked
  onChange=(action (mut checked))
}}

Checkbox with a component rendered as its label:

{{polaris-checkbox
  label=(component "my-awesome-label" color="purple")
  checked=checked
  onChange=(action (mut checked))
}}