01 Overlays — dialog · sheet · bottom-sheet · confirm component-bg surface · overlay-full scrim
Four overlay shapes. All sit on the same --overlay-full scrim and use step-3 (--component-bg) as their surface — clearly elevated above the step-1 --app-bg page. Border is --border. Buttons match the canonical primary / default / danger taxonomy.

Share with a friend

Send a private link to anyone — they don't need a put.io account to watch or download.

Link
Expires in 7 days 0 views
New transfer
Magnet · URL · .torrent
Destination folder
Notify when done Email when the transfer finishes
Dune.Part.Two.2024.1080p.WEB-DL.mkv
3.42 GB · MKV · 2h 46m
Play herespace
Cast to TV
Download to device⌘D
Move to trash

Delete 4 items?

These files will be removed immediately. They won't go to Trash and this can't be undone.

You're about to delete 1 folder and 3 files totaling 3.42 GB.
Surface
--component-bg
step 3 — above app-bg
Scrim
--overlay-full
hsla(0,0%,0%,0.565)
Elevation
--shadow-lg
0 16px 40px / 0.6
Nested input
--app-bg fill
drops to step 1 inside