Actions
FreeSizes, split and grouped actions, hold, swipe, confirm in place, and a label that swaps.
Sizes and a split action
One primary action, with nearby alternatives in the menu.
Button group
Hold to confirm
Press and hold. Letting go early cancels the delete.
Swipe and the context menu
Drag the row, or use Actions. Right-click for the same choices.
Atlas platformDrag left, or open Actions
More actions
Ask before a delete, show the result on the button, or swap a lasting label.
Toolbars
A highlight follows separate buttons. Labels open in place, extra actions slide out, and a menu blooms from its button.
Choose an action.
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- Split buttonA primary action joined to its alternatives; the chosen option becomes the label.
- Button groupA toolbar of related tools in one raised shell; toggled tools sink into it.
- Hold to confirm
- Swipe actionsRow actions revealed by swiping, with a keyboard route to the same actions.
- Action buttonA button that runs async work and reports progress, success or failure on itself, at one width.
- Copy buttonCopies a value and confirms what was copied, with a fallback when the clipboard is blocked.
- Action swapA button that cycles through a few labelled states, swapping label and icon in place.
- Confirm morphA destructive action that morphs into its own confirmation, with undo.
- Floating button groupA toolbar of icon and label buttons with separators and pressed states.
- Expanding button groupA row of icon buttons where the focused one expands to show its label.
- Expandable action barA compact bar of actions that expands to reveal labels.
- Overflow actionsA few primary actions with the rest tucked behind an expander.
- Bloom menuA button that blooms into a small arc of icon actions.
- Dropdown menuA menu of actions anchored to a trigger, with groups, shortcuts and separators.
- Context menuA menu opened with a right-click or long press on a piece of content.
- ToolbarTools with one tab stop: arrows move between them, toggles sit recessed, and when the row runs out of width the last tools fold into a More menu with their state.
- MenubarFile, Edit and View for an app that works like a desktop program: one highlight glides along the bar, and once a menu is open, moving along opens the next.
- KbdKeys as small raised caps: one shortcut per kbd, ⌘ on a Mac and Ctrl elsewhere, with spoken names for symbols.
- Icon swapTurns one icon into another in place for a control whose meaning flips: copy to copied, play to pause, menu to close.
- Reaction barEmoji reactions under a message or post. Each chip is a toggle; the count rolls and your chip settles with one small pop. The picker adds a new reaction.
- Vote controlUp and down votes with a rolling score. Choosing the same arrow again clears your vote; the owner saves it optimistically and can revert.