---
schema_version: "1"
id: 2af49265afecbc8f36d0d696088d909e3bb75514155e49f8380b0119fc3ba6bd
title: Radio Button Group Screen Input Component
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_ref_elements_screencmp_radio_button_group.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements_screencmp_radio_button_group.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 49813e6505b9d46feacda75945d82329d57534227e84a3a091189a26c2a6af24
description: Provide a compact set of single-select options in a screen flow to save screen space. The options appear in a horizontally stacked button format on desktops and a vertically stacked button format on mobile devices.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Radio Button Group Screen Input Component

Provide a compact set of single-select options in a screen flow to save screen space. The options appear in a horizontally stacked button format on desktops and a vertically stacked button format on mobile devices.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=platform.flow_ref_supported_editions.htm&amp;release=264.0.0&amp;type=5" title="Learn about the editions and user interfaces that support Flow Builder. Some Flow Builder features integrate with other Salesforce products that require additional licenses.">View supported editions.</a></td></tr></tbody></table>

## Configure the Radio Buttons Component

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e65">Attribute</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e68">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Label</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 ">The text that appears above the component.</td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 ">
              <strong class="uicontrol" id="flow_ref_elements_screencmp_radio_button_group__d5355e986"><a name="flow_ref_elements_screencmp_radio_button_group__d5355e986"><!-- --></a>API Name</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" id="flow_ref_elements_screencmp_radio_button_group__d5355e990" style="vertical-align:top;" headers="d288264e68 ">
              <p>The API name of the component.</p>
              <p style="margin-bottom:0;">An API name can include underscores and alphanumeric characters without spaces.
                It must begin with a letter and can’t end with an underscore. It also can’t have
                two consecutive underscores.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Require</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 ">Requires users to select an option before they can move to the next screen</td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Disabled</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 ">
              <p>If set to true, the user can’t
                modify the value. The default value is false.</p>
              <p style="margin-bottom:0;">This attribute accepts a resource
                with a Boolean value.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Let Users
                Select Multiple Options</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 ">
              <p>Specifies whether the user can choose only one option or multiple options. </p>
              <p>When Let
                Users Select Multiple Options is true, valid values for the Component Type dropdown list
                are Checkbox Group and Multi-Select Picklist.</p>
              <p style="margin-bottom:0;">When Let Users Select Multiple Options
                is false, valid values for the Component Type dropdown list are Picklist, Radio Buttons,
                and Radio Button Group.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Choice</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 ">Add one or more static choice resources. The Radio Button Group component accepts
              choice resources of only the text data type. You can’t reorder choices or add the same
              choice twice.</td>

          </tr>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e65 "><strong class="uicontrol">Default Value</strong></td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e68 "><span>Pre-selected choice for the
                component. If the associated screen isn’t run or the conditions for component
                visibility aren’t met, the stored value of the component is
                <code>null</code>.</span></td>

          </tr>
        </tbody>
      </table>

**Set Component Visibility**

Specify the logic that determines when the flow displays the component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e185">Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e188">description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e185 "><strong class="uicontrol">When to Display Component</strong></td>

            <td data-label="description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e188 ">
              <p>
                <span id="flow_ref_elements_screencmp_radio_button_group__d5355e1148"><a name="flow_ref_elements_screencmp_radio_button_group__d5355e1148"><!-- --></a>Configure when the component is displayed by
                  using conditional logic.</span>
              </p>
              <p>You can set the components to:</p>
              <ul>
                <li>Always be displayed</li>

                <li>When all conditions are met (AND)</li>

                <li>When any condition is met (OR)</li>

                <li>When custom conditional logic is met</li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e185 ">
              <strong class="uicontrol" id="flow_ref_elements_screencmp_radio_button_group__d5355e1218"><a name="flow_ref_elements_screencmp_radio_button_group__d5355e1218"><!-- --></a>Provide Help</strong>
            </td>

            <td data-label="description" class="slds-cell-wrap" id="flow_ref_elements_screencmp_radio_button_group__d5355e1222" style="vertical-align:top;" headers="d288264e188 ">Give your users more context with
              this screen component. The text you enter is available in an info bubble next to the
              component.</td>

          </tr>
        </tbody>
      </table>

## Specify the Behavior of Values on Revisited Screens

Specify what this component does when a user enters a value, navigates to a previous screen, and then returns to the screen with this component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:24%">
          <col style="width:76%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e261">Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d288264e264">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e261 ">
              <strong class="uicontrol">Use values from when the user last visited this screen</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e264 ">The component retains the values that the user specified and doesn’t update the
              values to reflect changes made on previous screens.</td>

          </tr>
          <tr class="">
            <td data-label="Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e261 ">
              <strong class="uicontrol">Refresh inputs to incorporate changes elsewhere in the flow</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d288264e264 ">
              <p>The component updates the user-specified values to reflect changes made on
                previous screens.</p>
              <p style="margin-bottom:0;" id="flow_ref_elements_screencmp_radio_button_group__d5355e119"><a name="flow_ref_elements_screencmp_radio_button_group__d5355e119"><!-- --></a>If you pause and then
                resume the flow, the flow retains user-specified values only in Checkbox, Checkbox
                Group, Currency, Long Text Area, Multi-Select Picklist, Number, Password,
                Picklist, Radio Buttons, and Text components.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Considerations

- Use the Radio Button Group component type for up to 7 choices. For more choices, use the Picklist or Radio Buttons component type.
- The Radio Button Group component doesn’t support choices where Display text input is selected because the input text isn’t visible at run time.