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

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

Arizona State University

University of Michigan - Ann Arbor

Types of Hover States 

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

Learn Before

Related