Skip to content
Core ElementsFree

Action Bar

A floating bar of bulk actions for a selection.

Usage

3 selected
Archive

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { ActionBar } from "@wunderui/react"

Examples

Action Bar

Bulk actions float in when rows are selected.

3 selected

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Bulk actions on a file list

Select files and the action bar slides in; delete clears the selection.

2 selected