Handset
A phone shell with the screen content arriving line by line. The notch is a pseudo-element, not an image.
Usage
Meant for
Examples
On a Template preview
Screen content arriving line by line inside a phone shell — here a real StatCard, ItemCard and Button. The class handles the arrival; the shell is your markup, which is why it works for a tablet or a browser frame just as well.
Good morning, Ana
Here is your week
+12%
Revenue
$34,100
3 new requests
From the design team
The class is wm wm-handset — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.