Toggle Switch

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-single-default" value={false} field={:toggle}/>
</.phx_form_for>
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-single-with-an-inline-label" value={true} field={:toggle} toggle_label="With an inline label"/>
</.phx_form_for>
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} disabled id="toggle-switch-single-disabled-toggle-switch" value={true} field={:toggle} toggle_label="I'm disabled"/>
</.phx_form_for>

You can turn me on or off

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-single-full-input-group" label="Toggle field label" value={true} field={:toggle} hint="You can turn me on or off" toggle_label="Inline label"/>
</.phx_form_for>
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-on-and-off-labels-on-label" value={true} field={:toggle} toggle_label_off="I'm turned off 👎" toggle_label_on="I'm turned on 👍"/>
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-on-and-off-labels-off-label" value={false} field={:toggle} toggle_label_off="I'm turned off 👎" toggle_label_on="I'm turned on 👍"/>
</.phx_form_for>
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.toggle_switch_input_group form={f} id="toggle-switch-single-switcher-style" label="Switcher style" name="toggle" value={true} for="toggle" style={:switcher} toggle_label_off="No" toggle_label_on="Yes"/>
</.phx_form_for>