An overlay signifies a selected state. It may be applied to elements within a component or to the entire component.

Arizona State University

University of Michigan - Ann Arbor

Google

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

Selected States 

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

Selected State

A user interface (UI) state overlay is a semi-transparent color layer applied over a component or element to indicate its current interactive state, such as hover, focus, or press.

UI State Overlays

A selected state can coexist with hover, focus, pressed, and dragged states. A layout may contain multiple selected states simultaneously.

Learn Before

Related