- Visually observe and make sure all components are styled and displayed correctly.
- Check the behavior on
:hover of buttons and the like.
- Check component interaction on
:focus and :active.
Notes:
-
The theme should look the same in each web browser, however there might be some minor
quirks related to the engine of the browser like:
- text not centered vertically (Firefox)
- blurry icons (Firefox)
Test settings
Icon
Icon: In–text
Icons and in a plain paragraph.
Icons follow the color of text.
Button
Button: States
Button: Types
Button: Icon
Button: Keystrokes
Button: Responsiveness
Button: Tooltip
Button: Spinner
Dropdown
ListDropdown
ButtonDropdown
Toolbar
Toolbar: Text
Toolbar: Button
Toolbar: Rounded
Toolbar: Wrapping content
Toolbar: Item separators
Toolbar: Multi-row
Toolbar: Compact
Inputs
Labeled
Read–only