Top edgeThe page's first row, against the top of the screen

ContextMenu in place

Hold any row, card, cell or picture until its menu shows. The page scrolls on its own; tap the dimmed page to close a menu.

Dark mode

Rows in a long list

Message 1Hold the row to lift it. Tap the dimmed page to close.

Message 2Hold the row to lift it. Tap the dimmed page to close.

Message 3Hold the row to lift it. Tap the dimmed page to close.

Message 4Hold the row to lift it. Tap the dimmed page to close.

Message 5Hold the row to lift it. Tap the dimmed page to close.

Message 6Hold the row to lift it. Tap the dimmed page to close.

Message 7Hold the row to lift it. Tap the dimmed page to close.

Message 8Hold the row to lift it. Tap the dimmed page to close.

Message 9Hold the row to lift it. Tap the dimmed page to close.

Message 10Hold the row to lift it. Tap the dimmed page to close.

Message 11Hold the row to lift it. Tap the dimmed page to close.

Message 12Hold the row to lift it. Tap the dimmed page to close.

Message 13Hold the row to lift it. Tap the dimmed page to close.

Message 14Hold the row to lift it. Tap the dimmed page to close.

Message 15Hold the row to lift it. Tap the dimmed page to close.

Message 16Hold the row to lift it. Tap the dimmed page to close.

Message 17Hold the row to lift it. Tap the dimmed page to close.

Message 18Hold the row to lift it. Tap the dimmed page to close.

Message 19Hold the row to lift it. Tap the dimmed page to close.

Message 20Hold the row to lift it. Tap the dimmed page to close.

Message 21Hold the row to lift it. Tap the dimmed page to close.

Message 22Hold the row to lift it. Tap the dimmed page to close.

Message 23Hold the row to lift it. Tap the dimmed page to close.

Message 24Hold the row to lift it. Tap the dimmed page to close.

Cards in a grid

Card 1A card in a two-column grid

Card 2A card in a two-column grid

Card 3A card in a two-column grid

Card 4A card in a two-column grid

Card 5A card in a two-column grid

Card 6A card in a two-column grid

Table cells

A row has no wrapper, so each name cell holds the trigger.

Name	Owner	Size
Budget.xlsx	Ana	24 KB
Roadmap.pdf	Ben	1.2 MB
Logo.svg	Chris	8 KB
Notes.txt	Dana	2 KB

Thumbnails

Other shapes

A trigger with no surface of its own lifts on a plate. One with a fill of its own lifts as it is.

A row with an icon

An outlined box

A translucent fill

A fill from a pseudo-element

The side edges

Left edge

Right edge

Inside a scroller

Scrolled card 1

Scrolled card 2

Scrolled card 3

Scrolled card 4

Scrolled card 5

Scrolled card 6

Inside a clipping box

Clipped Message 1Its box hides what overflows

Clipped Message 2Its box hides what overflows

Clipped Message 3Its box hides what overflows

Clipped Message 4Its box hides what overflows

Bottom edgeThe page's last row, against the bottom of the screen