shadow
RadioGroup serves as a container for a group of radio buttons.
Allows users to select one option from a set of options, ensuring that only one radio button within a group is selected at any given time. The component supports the inline
attribute, which, when set, arranges the radio buttons in a horizontal layout. In addition, it programmatically manages the value
attribute, which reflects the value of the currently selected radio button.
Description | The value of the currently selected radio button in the group. |
Attribute | value |
Type | string |
Default | undefined |
Description | If set, the radio buttons will appear in a row instead of a column. |
Attribute | inline |
Type | boolean |
Default | false |
Description | The name of the radio button group used when submitting the form. |
Attribute | name |
Type | string |
Default | undefined |
Name | Description |
---|
wje-radio:change | Issued when the selected radio button in the group is changed. |
Description | Returns all direct child elements of the current element. |
Signature | getAllElements() => HTMLElement[] |
Description | Marks the radio button with the given value. |
Signature | checkRadio(value: string) => boolean |
Description | Removes the marking from all radio buttons. |
Signature | removeCheck() => void |
Description | Returns the radio button with the given value. |
Signature | getRadioByValue(value: string) => Radio |
No CSS shadow parts available for this component.
No CSS custom properties available for this component.
Name | Description |
---|
`` | Default location for radio buttons. |