Phenix Storybook

Pick a theme

Displays Riders

Radio

Default Open in playground 
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.radio_input_group form={f} id="radio-single-default" value={1} options={[%{id: 1, value: "option 1"}, %{id: 2, value: "option 2"}]} field={:radio}/>
</.phx_form_for>
With label and hint Open in playground

One single value is possible 

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.radio_input_group form={f} id="radio-single-with-label-and-hint" label="This is a radio input" value={1} options={[%{id: 1, value: "option 1"}, %{id: 2, value: "option 2"}]} field={:radio} hint="One single value is possible"/>
</.phx_form_for>
With option labels Open in playground

Will you pick me?

or me?

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.radio_input_group form={f} id="radio-single-with-option-labels" value={1} options={[%{id: 1, label: "Will you pick me?", value: "option 1"}, %{id: 2, label: "or me?", value: "option 2"}]} field={:radio}/>
</.phx_form_for>
Inlined options Open in playground 
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.radio_input_group form={f} id="radio-single-inlined-options" value={1} options={[%{id: 1, value: "option 1"}, %{id: 2, value: "option 2"}]} inline field={:radio}/>
</.phx_form_for>
Inlined options with labels Open in playground

Will you pick me?

or me?

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.radio_input_group form={f} id="radio-single-inlined-options-with-labels" value={1} options={[%{id: 1, label: "Will you pick me?", value: "option 1"}, %{id: 2, label: "or me?", value: "option 2"}]} inline field={:radio}/>
</.phx_form_for>