/
Radio Button Component
Radio Button Component
- Kseniya Kamen
Owned by Kseniya Kamen
- 1 Component States
- 1.1 Default State
- 1.2 Hover State
- 1.3 Active/Selected State?
- 1.4 Disabled State
- 1.5 Focus State
- 2 Modes
- 2.1 Light mode
- 2.2 Dark mode
- 2.3 Changelog
The radio button component is used to make a single selection from a list of options - all available options are exposed to the user.
Note: Avoid using when there are five or more options.
Component States
Default State
The standard appearance of the radio button (on/off).
[example image]
Hover State
The appearance when the user hovers over the radio button.
[example image]
Active/Selected State?
Disabled State
How the radio button appears when it's not interactive (on/off).
[example image]
Focus State
How the radio button looks when an action is in progress.
[example image]
Modes
Light mode
[body copy]
Dark mode
[body copy]
Changelog
Version | Date | Author | Description | Note/Impact |
|---|---|---|---|---|
1.0 | 22-08-2024 | @Kseniya Kamen | Initial release of documentation for radio button component | n/a |
|
|
|
|
|