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

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

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.

Selected - Usage

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

Google

Arizona State University

University of Michigan - Ann Arbor

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


Forms of States

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

Hover 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