The ui5-radio-button component enables users to select a single option from a set of options.
When a ui5-radio-button is selected by the user, the
change event is fired.
When a ui5-radio-button that is within a group is selected, the one
that was previously selected gets automatically deselected. You can group radio buttons by using the name property.
Note: If ui5-radio-button is not part of a group, it can be selected once, but can not be deselected back.
Once the ui5-radio-button is on focus, it might be selected by pressing the Space and Enter keys.
The Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,
while TAB and SHIFT + TAB can be used to enter or leave the radio button group.
Note: On entering radio button group, the focus goes to the currently selected radio button.
Defines whether the component is checked or not. Note: The property value can be changed with user interaction, either by clicking/tapping on the component, or by using the Space or Enter key.
Defines the name of the component. Radio buttons with the same name will form a radio button group. Note: The selection can be changed with ARROW_UP/DOWN and ARROW_LEFT/RIGHT keys between radio buttons in same group. Note: Only one radio button can be selected per group. Important: For the name property to have effect when submitting forms, you must add the following import to your project: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js"; Note: When set, a native input HTML element will be created inside the component so that it can be submitted as part of an HTML form.
Defines the form value of the component. When a form with a radio button group is submitted, the group's value will be the value of the currently selected radio button. Important: For the value property to have effect, you must add the following import to your project: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";
Defines whether the component text wraps when there is not enough space. Note: for option "Normal" the text will wrap and the words will not be broken based on hyphenation.