Skip to main content

Radio List Facet

Radio List Facet is a single-select option list. It renders a radiogroup, stores the selected value in a hidden input, and can include a built-in reset item before authored options.

Authoring Structure

Radio List Facet
└── Radio List Facet Option

Parent Props

GroupPropDefaultMeaning
SettingstargetemptyShared target ID.
Settingsargument_modedefaultSingle argument mode.
Settingstarget_multiple_query_argumentsfalseEnables mapped bundle mode.
Settingsoptions_behaviorallAvailability behavior.
Settingsshow_countsfalseEnables dynamic counts.
Settingsaria_labelFilter optionsAccessible name for the radiogroup.
Resetshow_reset_optionfalseAdds a reset choice before authored options.
Resetreset_option_moderadioReset item presentation: radio or button.
Resetreset_labelReset selectionReset item label.
Mode groupsmode-specific propsvariesSee Argument Modes.
Stylingclassome-radio-list-facet-root-defaultRoot list class.

Option Props

GroupPropDefaultMeaning
ContentvalueemptySent value in single-argument mode.
ContentlabelOptionVisible label.
Metadatakey, valueemptyOptional rows for custom JavaScript integrations.
Query Value Mappingsmapping_key, valueemptyValues used when parent mapped bundle mode is enabled.
SettingsdisabledfalsePrevents selection.
Settingsis_defaultfalseAuthored default or reset choice depending on reset setup.
SettingsmoderadioOption presentation: radio or button.
Settingsused_with_multiple_argumentsfalseSwitches option authoring to query value mappings.
Settingscount_displayinlineInline count text or separate count span.
Stylingoption, button, indicator, label, count classescomponent defaultsOption presentation classes.

Runtime Notes

  • Only one option can be selected.
  • The built-in reset option uses an empty value.
  • mode = button changes presentation only; the facet remains single-select.
  • The runtime manages aria-checked, roving focus, disabled state, selected state, and highlighted state.