Radio Button

A selection component that presents mutually exclusive options as radio buttons. Supports customizable option labels and values, dynamic data loading through entity relationships, and horizontal layout. Perfect for single-choice selections where options should be immediately visible.


Extends: fieldComponent


Fields

Name

Code

Data Type

Description

Label

label

multi-locale

Display label for the radio button group

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Style

style

text

Custom inline styles

Width

widthClass

text

Controls component width

Value

value

text

Currently selected radio button value

Options

options

text

Array of selectable options to display as radios

Value Field

selectionOptionsValueField

text

Specifies which field from options to use as value

Label Field

selectionOptionsLabelField

text

Specifies which field from options to display as label

List Model

listModel

text

Data model configuration for dynamic option loading

Visible

isVisible

boolean

Controls component visibility

Enabled

enabled

boolean

Controls whether component is enabled

Field Style

fieldStyle

text

Additional field styling options


Methods

Name

Description

onChange

Handles radio button selection changes and updates the model value


Events

Name

Description

onChange

Triggered when a different radio button option is selected

onBlur

Triggered when the radio button group loses focus

onFocus

Triggered when the radio button group gains focus