The Radio element represents a group of selectable options where only one item can be chosen at a time. It supports enabling/disabling interactivity, customizing the label text, font style, size, and color, and setting margins for spacing in the layout.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Unique identifier for the radio element. |
| Enable | Boolean | true | Determines whether the radio group is interactive. |
| Items | Array |
[] | List of selectable options in the radio group. |
| Text | String | {text} | Label or description for the radio group. |
| Text.Color | Color | {textColor} | Color of the label text. |
| Text.Style | TextStyle | {textStyle} | Font style for the label text. |
| Text.Size | Number | 16 | Font size of the label text. |
| Margin | Number | 20 | Outer spacing around the radio element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
Coding:
{
"@Type": "Radio",
"Name": "{name}",
"Enable": true,
"Items": [],
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Margin": 20,
"MarginLine": 10
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Radio in Applin Studio