OudsRadioButton<T> class

OUDS Radio Button Design Guidelines

Reference design version : 1.4.0

Radio button is a UI element that allows to select a single option from a set of mutually exclusive choices. Radio button that does not show icon or text, provides greater flexibility when creating other components that require a Radio button to be displayed.

This widget displays a radio button that is part of a group. It determines its selected state by comparing its own value with the current groupValue. It also supports an error state and notifies changes through onChanged.

Parameters:

• value: The value represented by this radio button. Used to determine selection.
• groupValue: The currently selected value in the radio button group. This radio button is considered selected if value == groupValue.
• onChanged: Callback triggered when the user selects this radio button. If null, the radio button is disabled and non-interactive.
• isError: Indicates whether the radio button is in an error state.
• readOnly: Controls the read only state of the radio button. When true the radio button is disabled.
• skeleton: An optional skeleton that improves the perceived loading time by providing a visual cue of where the radio button will appear once fully loaded.

You can use OudsRadioButton component in your project, customizing parameters as needed :

Selection status :

Typically, a radio button has two main states: Selected and Unselected.

'selected' : The radio button is actively chosen by the user, indicating the associated option is selected. 'unselected' : The radio button is not chosen, showing the user that the associated option is available but not selected.

 OudsRadioButton<RadioOption>(
   value: true,
   groupValue: true,
   onChanged: (RadioOption? value) {
       // Handle radio button change state.
   }
   isError: false,
   readOnly: false,
   skeleton: OudsSkeleton(),
);