Hover states can be combined with:
- Focused
- Activated
- Selected
- Pressed States

*"There can only be one hover state at a time in a layout."

Hover - Behavior 

Hover states are signified by an overlay and can be supported by elevation. New functionality can be displayed during a hover.

The following elements can utilize (or inherit) a hover state:
- Buttons
- FABs
- Toggle Buttons
- Selection Controls
- Grid List Items
- List Items
- Cards
- Chips
- Text Fields
- Icons

The following elements cannot utilize (or inherit) a hover state:
- App Bars
- Tabs
- Bottom Navigation
- Sheets
- Dialogs
- Alerts
- Menus
- Steppers

UI Elements Supporting and Excluding Hover States

Arizona State University

University of Michigan - Ann Arbor

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

Hover States

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.

Learn Before

Related

Learn After