field.button-radio-group
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.
Component properties
| Name | Type | Description |
|---|---|---|
type* | "field.button-radio-group" | Set component type |
data* | writable | Data with values that will be processed or changed. |
label | string | Label above the component. |
disabled | boolean | This property prevents clicking the button. If the value is |
hint | string | Hint text. |
options* | array | An array of buttons. |
options[] | object | A button. |
options[].hint | string | Additional information. |
options[].label* | string | The text on the button. |
options[].value* | any | Returned value. |
rtl | object | 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. |
rtl.mode | string | Display mode:
The chosen value will be added to the |
validation | condition | Validation based on condition. |
| Name | Type | Description |
|---|---|---|
type* | "field.button-radio-group" | Set component type |
data* | writable | Data with values that will be processed or changed. |
label | string | Label above the component. |
disabled | boolean | This property prevents clicking the button. If the value is |
hint | string | Hint text. |
options* | array | An array of buttons. |
options[] | object | A button. |
options[].hint | string | Additional information. |
options[].label* | string | The text on the button. |
options[].value* | any | Returned value. |
rtl | object | 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. |
rtl.mode | string | Display mode:
The chosen value will be added to the |
validation | condition | Validation based on condition. |