<.dm_radio id="radio-single-default" label="Light theme" name="theme" value="light" />

<.dm_radio id="radio-single-checked" label="Dark theme" name="theme" value="dark" checked />

<.dm_radio id="radio-radio-group-free" label="Free Plan" name="plan" value="free" />
<.dm_radio id="radio-radio-group-pro" label="Pro Plan" name="plan" value="pro" checked />
<.dm_radio
  id="radio-radio-group-enterprise"
  label="Enterprise Plan"
  name="plan"
  value="enterprise"
 />

<.dm_radio id="radio-sizes-xs" label="XS option" name="xs" size="xs" value="xs" />
<.dm_radio id="radio-sizes-sm" label="SM option" name="sm" size="sm" value="sm" />
<.dm_radio id="radio-sizes-md" label="MD option" name="md" size="md" value="md" />
<.dm_radio id="radio-sizes-lg" label="LG option" name="lg" size="lg" value="lg" />
<.dm_radio id="radio-sizes-xl" label="XL option" name="xl" size="xl" value="xl" />

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

<.dm_radio
  disabled
  id="radio-single-disabled"
  label="Disabled option"
  name="disabled"
  value="disabled"
 />

<.dm_radio
  id="radio-mixed-states-all"
  label="All notifications"
  name="notifications"
  value="all"
  checked
 />
<.dm_radio
  id="radio-mixed-states-important"
  label="Important only"
  name="notifications"
  value="important"
  color="warning"
 />
<.dm_radio
  disabled
  id="radio-mixed-states-none"
  label="None"
  name="notifications"
  value="none"
 />

<.dm_radio
  id="radio-validation-states-success-state"
  label="Confirmed (success)"
  name="vs_success"
  value="yes"
  state="success"
  checked
 />
<.dm_radio
  id="radio-validation-states-warning-state"
  label="Uncertain (warning)"
  name="vs_warning"
  value="maybe"
  state="warning"
 />

<.dm_radio
  id="radio-single-horizontal"
  label="Horizontal layout"
  name="h_option"
  value="h_value"
  horizontal
 />

<.dm_radio
  id="radio-single-with-helper"
  label="I agree to the terms"
  name="terms"
  value="agree"
  helper="You must agree to the terms of service to continue."
 />

<.dm_radio
  id="radio-single-with-errors"
  label="Option A"
  name="required_choice"
  value="option_a"
  errors={["Please select an option to continue."]}
 />