Overlays

Bulk action toolbar

A floating toolbar for stepping through a queue of records one at a time, with icon actions that reveal their label on hover and a primary button that confirms the destination.

110

Using Bulk action toolbar

A floating toolbar for stepping through a queue of records one at a time, with icon actions that reveal their label on hover and a primary button that confirms the destination.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: current, total, destination, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2257Toolbar icon tooltipOverlaysA row of icon-only toolbar buttons that pop a small arrow-pointed label near whichever one is hovered or focused.

2096Traveling Toolbar TooltipOverlaysA single floating tooltip that glides smoothly from one toolbar icon to the next as hover or focus moves between them, instead of disappearing and reappearing each time.

2295Account Dropdown MenuOverlaysAn avatar trigger that opens a grouped account menu with keyboard shortcut hints, a theme submenu, and a destructive sign-out row styled apart from the rest.

2296Account Menu FlyoutOverlaysA profile summary button that opens into an account menu of labeled rows, with a small curved indicator line that straightens when the menu is open.

1910Anchored detail popoverOverlaysA trigger button that opens a small anchored panel holding a titled settings form, growing out of the trigger's edge and closing on Escape or an outside click.

1911Anchored info popoverOverlaysA trigger button that opens a small floating info panel anchored to one of its edges, fading and scaling in from that edge and dismissing on outside click or Escape.