Fields

Radio

Radio buttons for selecting a single option with visual presentation.

The Radio field displays a list of options as radio buttons, where users can select only one choice. Unlike the Select dropdown, radio buttons show all options at once, making them better when you want users to see all choices without clicking. This is ideal when you have 2-5 options that should be visually compared before selection. The field stores a single value as a string, similar to Select.

Preview in Attributes Manager

Fancoolo fields radio

Radio field. Preview in Gutenberg Editor

Fancoolo fields in gutenberg select

Technical Information:

PropertyValue
Gutenberg UIRadio button group
Data Typestring (selected value)
SelectionSingle selection only (returns one value)
ReturnsArray with one selected value
Default ValueFirst option value or ""
RequiresOptions list (label + value pairs)
Best ForSingle choice from 2-5 options
Common UsesLayout variants, style options, size selection
Difference from SelectShows all options at once (no dropdown)
ConfigurationAdd options with Label (shown to user) and Value (used in code)

On this page