Phenix Storybook

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>