field.button-radio

Adds a button. This is useful for creating an optional answer.

If you want to add multiple buttons, use field.button-radio-group.

The button size depends on the length of the text.

View example in the sandbox.

Component properties

NameTypeDescription
type*"field.button-radio"

Set component type

data*writable

Data with values that will be processed or changed.

labelstring

Label above the component.

disabledboolean

This property prevents clicking the button. If the value is true, the button is not active (the user will not be able to click it).

hintstring

Hint text.

rtlobject

In 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 in the sandbox.

Learn more about RTL languages.

rtl.modestring

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.

validationcondition

Validation based on condition.

valueToSetstring

The value of the output data when the button is clicked.

NameTypeDescription
type*"field.button-radio"

Set component type

data*writable

Data with values that will be processed or changed.

labelstring

Label above the component.

disabledboolean

This property prevents clicking the button. If the value is true, the button is not active (the user will not be able to click it).

hintstring

Hint text.

rtlobject

In 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 in the sandbox.

Learn more about RTL languages.

rtl.modestring

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.

validationcondition

Validation based on condition.

valueToSetstring

The value of the output data when the button is clicked.