Component States
Default State
The standard appearance of the checkbox (checked/unchecked).
[example image]
Hover State
The appearance when the user hovers over the checkbox.
[example image]
Active/Selected State?
Disabled State
How the checkbox (checked/unchecked) appears when it's not interactive.
[example image]
Focus State
How the checkbox 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 | Initial release of documentation for checkbox component | n/a | |
|
|
|
|
|