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. |