Docs

Cinder UI

Forms.radio_group

Server-rendered

Renders a radio group with native radio inputs.

With FormField

<.radio_group field={@form[:plan]}>
  <:option value="free" label="Free" />
  <:option value="pro" label="Pro" />
</.radio_group>

With label (renders as fieldset/legend, not label/for)

<.radio_group field={@form[:plan]} label="Choose a plan">
  <:option value="free" label="Free" />
  <:option value="pro" label="Pro" />
</.radio_group>

With explicit errors

<.radio_group field={@form[:plan]} label="Choose a plan" errors={["is required"]}>
  <:option value="free" label="Free" />
  <:option value="pro" label="Pro" />
</.radio_group>

Inside field composition

<.field>
  <:label><.label for={@form[:plan].id}>Plan</.label></:label>
  <.radio_group field={@form[:plan]}>
    <:option value="free" label="Free" />
    <:option value="pro" label="Pro" />
  </.radio_group>
</.field>

Basic radio group

  <.radio_group name="plan" value="pro">
  <:option value="free" label="Free" />
  <:option value="pro" label="Pro" />
</.radio_group>

With disabled option

  <.radio_group name="region" value="us">
  <:option value="us" label="United States" />
  <:option value="eu" label="Europe" disabled={true} />
</.radio_group>

Attributes

Name Type Default Values Global Includes
class :string
errors :list
field {:struct, Phoenix.HTML.FormField}
id :string
label :string
name :string
rest :global
value :string

Slots

Slot Slot Attributes
option Required
value (:string) Required
label (:string) Required
disabled (:boolean)