Types of Hover States 

"An overlay signifies a selection state. It can be applied to elements within a component or to the entire component."

The following elements can utilize ( or "inherit) a hover state: 
- Image List Items
- List Items
- Chips
- Cards
- Data Tables
- Menu Items
- Pickers

The following elements cannot utilize ( or "inherit) a hover state: 
- App Bars
- Backdrop
- Bottom Navigation
- Sheets
- Buttons
- Dialogs
- Dividers
- Expansion Panels
- Alerts
- Snack Bars
- Tabs
- Text Fields or Tooltips.

Selected - Usage

"Hover states are initiated by the user pausing over an interactive element using a cursor. "

Arizona State University

- Enabled
- Disabled
- Hover
- Focused
- Selected
- Activated
- Pressed
- Dragged
- On
- Off
- Error


Forms of States

"A selected state indicates user selection of options using one of the following input methods: tap, cursor, keyboard, or voice."

Learn Before

Related

Learn After