Adds buttons for selecting an answer option. This is useful if there are several options. You can add just one button, but it's easier to use field.button-radio for that.

The button size depends on the length of the text.

View example

Component properties

type*"field.button-radio-group"Set component type.

Data with values that will be processed or changed. Learn more about working with data.

labelstringLabel above the component.
disabledbooleanThis property prevents clicking the button. If the value is true, the button is not active (a Toloker will not be able to click it).
hintstringHint text.
options*arrayAn array of buttons.
options[]objectA button.
options[].hintstringAdditional information.
options[].label*stringThe text on the button.
options[].value*anyReturned value.
rtlobjectIn some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component.

View example

Learn more about RTL languages.

Display mode:

  • ltr — left to right.
  • rtl — right to left.

    The chosen value will be added to the dir attribute in the component's HTML code. Learn more about dir.
validationconditionValidation based on condition.
Contact support

Last updated: May 26, 2023

Getting started
Important tips
Useful recommendations
Working with Toloka
Project analysis
Toloka settings
Task interface
Template Builder
HTML/CSS/JS editor
Help and support