Created
October 24, 2023 06:28
-
-
Save vnys/44439b41a959d947948857cd7ef3b712 to your computer and use it in GitHub Desktop.
EDS hover states
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Name | Has hover | Has active hover | Note | |
|---|---|---|---|---|
| App launcher | X | – | ❗️All items are active – should be neutral | |
| Breadcrumbs | X | X | ❗️Missing active | |
| Drawer | X | X | Needs active-hover and active-pressed | |
| Sidebar | X | X | Removing pressed in the tokens | |
| Link | X | – | ||
| Menu | X | X | ||
| Pagination | X | X | Needs to be rebuilt | |
| Table of contents | X | X | ||
| Tabs | X | X | Resting = inactive in 1.0 | |
| Topbar | – | – | ||
| Stepper | – | – | Needs more legible text and icon colours in the waiting state | |
| Chip | X | X | ||
| Comment/chat | – | – | Does not exist | |
| Divider | – | – | ||
| Empty states | – | – | Does not exist | |
| List | – | – | ||
| Persona card | – | – | ||
| Popover | – | – | Hover effect on the icon | |
| Table header | X | X | Default and alternative surface | |
| Table cell | X | X | + Error hover. Hover affects the whole row or column as default. Edit not implemented. | |
| Table data grid | X | X | No edit options. Why? | |
| Tooltip | X | X | ||
| Banner | – | – | ||
| Dialog | – | – | ||
| Snackbar | – | – | ||
| Progress indicators | – | – | ||
| Scrim | – | – | ||
| Button | X | – | ||
| Date picker | – | – | Put on hold | |
| Date picker date | – | – | Put on hold | |
| Search | X | _ | Hover not implemented correctly | |
| Autocomplete | X | _ | Hover not implemented correctly | |
| Selection controls | X | X | ||
| Slider | _ | X | ||
| Text field | _ | _ | 🕵️ Do we need hover? What do we do with the border thickness? | |
| Time picker | – | – | Put on hold | |
| Time picker time | – | – | Put on hold | |
| Toggle button | X | X | Uses the filled and outlined primary buttons | |
| Accordion | X | X | Missing active hover | |
| Card | _ | _ | Button/icon has hover – but not the Card | |
| Side sheet | _ | _ | ||
| Toolbar | _ | _ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment