<.dm_checkbox
  id="checkbox-single-default"
  label="I agree to the terms and conditions"
  name="agree"
 />

<.dm_checkbox
  id="checkbox-single-checked"
  label="Subscribe to newsletter"
  name="newsletter"
  checked
 />

<.dm_checkbox
  id="checkbox-record-selection-rule-a"
  label="Select Rule A"
  name="rule_ids[]"
  value="rule-a"
  checked
 />
<.dm_checkbox
  id="checkbox-record-selection-rule-b"
  label="Select Rule B"
  name="rule_ids[]"
  value="rule-b"
 />

<.dm_checkbox id="checkbox-sizes-xs" label="XS checkbox" name="xs" size="xs" />
<.dm_checkbox id="checkbox-sizes-sm" label="SM checkbox" name="sm" size="sm" />
<.dm_checkbox id="checkbox-sizes-md" label="MD checkbox" name="md" size="md" />
<.dm_checkbox id="checkbox-sizes-lg" label="LG checkbox" name="lg" size="lg" />
<.dm_checkbox id="checkbox-sizes-xl" label="XL checkbox" name="xl" size="xl" />

<.dm_checkbox
  id="checkbox-colors-primary"
  label="Primary option"
  name="primary"
  color="primary"
 />
<.dm_checkbox
  id="checkbox-colors-secondary"
  label="Secondary option"
  name="secondary"
  color="secondary"
 />
<.dm_checkbox
  id="checkbox-colors-tertiary"
  label="Tertiary option"
  name="tertiary"
  color="tertiary"
 />
<.dm_checkbox id="checkbox-colors-accent" label="Accent option" name="accent" color="accent" />
<.dm_checkbox id="checkbox-colors-info" label="Info option" name="info" color="info" />
<.dm_checkbox
  id="checkbox-colors-success"
  label="Success option"
  name="success"
  color="success"
 />
<.dm_checkbox
  id="checkbox-colors-warning"
  label="Warning option"
  name="warning"
  color="warning"
 />
<.dm_checkbox id="checkbox-colors-error" label="Error option" name="error" color="error" />

<.dm_checkbox disabled id="checkbox-single-disabled" label="Disabled checkbox" name="disabled" />

<.dm_checkbox
  id="checkbox-single-indeterminate"
  label="Indeterminate state"
  name="indeterminate"
  indeterminate
 />

<.dm_checkbox
  id="checkbox-single-horizontal"
  label="Horizontal layout"
  name="h_option"
  horizontal
 />

<.dm_checkbox
  id="checkbox-single-with-helper"
  label="Accept terms of service"
  name="terms"
  helper="You must accept the terms to create an account."
 />

<.dm_checkbox
  id="checkbox-single-with-errors"
  label="I agree to the privacy policy"
  name="required_agree"
  errors={["This field is required."]}
 />

<.dm_checkbox
  id="checkbox-validation-states-success-state"
  label="Confirmed (success)"
  name="vs_success"
  state="success"
  checked
 />
<.dm_checkbox
  id="checkbox-validation-states-warning-state"
  label="Needs review (warning)"
  name="vs_warning"
  state="warning"
 />