Quick Action Sheet
Quick Action Sheet is the mobile equivalent of a command entry surface: it opens from a thumb-reachable trigger, filters recent/contextual actions and closes back to its source.
Live example
Try the interaction before reading the recipe.
real component · keyboard-safe
Purpose
Quick Action Sheet is the mobile equivalent of a command entry surface: it opens from a thumb-reachable trigger, filters recent/contextual actions and closes back to its source.
Use when
- A product has several frequent actions but no reliable desktop shortcut on touch.
- Recent or contextual actions can narrow the list.
Interaction
Open the sheet, type to filter, choose an action or close with Escape/backdrop/close. The action is a semantic button, not a keyboard-only command.
Accessibility
Label the dialog and input, keep action names complete and restore focus to the trigger. Provide a visible close path.
Reduced motion
Open and close immediately; preserve the query and action order while the sheet is active.
Tune
- Keep the initial action set short.
- Put destructive actions behind clear wording and an explicit confirmation.
Source: packages/skills/mobile/quick-action-sheet.md