Feedback & overlays

Owner rule

Never colour alone, always reachable from the keyboard.

Size budget

112.9 kB gzip for the whole domain; it only goes down.

Entries

17 entries, 12 used by live products and sites. Experimental entries come last: they may change or go in any minor version.

• AlertA message in the flow of the page: a tone, an icon, a title, a text and an optional action.121 files import it
• DialogA window over the page — centred, a bottom sheet or a side panel — and AlertDialog for a confirmation.38 files import it
• Dropdown menuA menu of actions opened from a trigger: items with icons, checkbox items, labels, separators, a destructive item.6 files import it
• Empty stateWhat a list, a search or a panel says when it has nothing to show: an icon, a title, a line and an action.32 files import it
• PopoverA floating panel next to its trigger, for a small form or details, closed by Escape or a click outside.2 files import it
• ToastA short message that comes and goes — with the time it has left drawn and paused under the pointer, an undo that waits before an action is final, a long task updated in place, and repeats folded into one toast that counts.10 files import it
• TooltipA short label shown on hover and on keyboard focus, next to its trigger.2 files import it
• Action sheetBetaA short list of actions on an item from the bottom edge, the destructive one in danger, cancel apart.
• Confirm buttonBetaA destructive action in two presses: the first arms it and says what will happen, the second runs it.5 files import it
• Drop overlayBetaThe whole window is the drop target: while files are dragged over the page, a full-window overlay says where to drop and hands the files over. No dashed box inside the page.1 files import it
• Mascot stateBetaA moment told by a bird of the flock: nothing yet, a long wait, done, it failed, welcome — the bird of the job beside the words and the next action.2 files import it
• Permission promptBetaBefore the system's permission dialog, the app says why: a bird, what it is for, the button that asks — and the way to the settings once refused.
• ProgressBetaHow far a task or a goal has come: a bar or a ring — with its words and time left, what is buffered ahead, its steps as segments, and a paused or failed state that says where it stopped.9 files import it
• Pull to refreshBetaThe platform's pull to refresh in the theme's accent, for any ScrollView or FlatList — or BrandedRefresh, where the product's own mark is drawn as you pull and turns while it refreshes.
• Splash hand-offBetaThe static native splash dissolves into the product's animated mark until the first screen is ready — same place, same size, same background, no flash.
• Upload queueBetaA queue of files that stays on screen: each row appears at once, says in words what it is doing, shows live progress while it works, and ends in a result chip; a non-blocking tray holds it.1 files import it
• State screenExperimentalWhat a screen says when it has nothing to show, when it failed, or when the network is gone: an icon, a title in plain words, the reason and the way out — announced as it should be. With the slim offline banner for a screen that still shows saved data.