Sort Wave
A tint runs down the column you just sorted by.
Usage
Revenue ↓
Meant for
Examples
On a Table
A tint running down the rows after a sort by Amount. It says “these moved” without moving anything, which is what you want when the positions have already changed under the user. --wm-surface is the row's resting fill — the card, here.
| Customer | Status | Amount |
|---|---|---|
| Grace Hopper | $2,310 | |
| Katherine Johnson | $1,980 | |
| Alina Lorenz | $1,240 | |
| Alan Turing | $860 | |
| Linus Torvalds | $420 |
The class is wm wm-sort-wave — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.