Radio Group Component
A group of radio buttons.
Properties
| Name | Type | Default | Description |
|---|---|---|---|
direction | 'horizontal' | 'vertical' | 'vertical' | The direction in which the radio buttons are laid out. Defaults to vertical. |
value | string | '' | The value of the selected radio button. |
CSS Parts
| Name | Description |
|---|---|
radio-group | The main container for the radio group. |
Check this link to learn how to use CSS parts for Radio Group Component.
CSS Properties
| Token | Default | Description |
|---|---|---|
--tap-radio-group-padding | --tap-sys-spacing-3 | The padding around the radio group. |
--tap-radio-group-gap | --tap-sys-spacing-3 | The gap between radio buttons. |
Events
| Name | Description |
|---|---|
radio-group-change | Dispatched when the selected radio button changes. |