<.dm_switch id="switch-single-default" label="Enable notifications" name="notifications" />

<.dm_switch id="switch-single-checked" label="Dark mode" name="dark_mode" checked />

<.dm_switch id="switch-single-with-color" label="Auto-save" name="auto_save" color="success" />

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

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

<.dm_switch disabled id="switch-single-disabled" label="Disabled switch" name="disabled" />

<.dm_switch
  id="switch-single-horizontal"
  label="Horizontal layout"
  name="h_option"
  horizontal
 />

<.dm_switch
  id="switch-single-with-helper"
  label="Enable automatic backups"
  name="auto_backup"
  helper="Backups run every 24 hours when enabled."
 />

<.dm_switch
  id="switch-single-with-errors"
  label="I consent to data collection"
  name="required_consent"
  errors={["Consent is required to proceed."]}
 />

<.dm_switch
  id="switch-validation-states-success-state"
  label="Verified (success)"
  name="vs_success"
  state="success"
  checked
 />
<.dm_switch
  id="switch-validation-states-warning-state"
  label="Pending review (warning)"
  name="vs_warning"
  state="warning"
 />