Selected states can be represented in combination with:
- Hover
- Focus
- Pressed 
- Dragged States

*"Multiple selected states may exist at a time in a layout."

Arizona State University

University of Michigan - Ann Arbor

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

Selected States 

Selected - Behavior 

"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