BulkActionBar

BulkActionBar(props): Element | null

Defined in: packages/ui/src/components/bulk-action-bar.tsx:33

Toolbar that appears when rows are selected in a DataTable.

Displays the selected row count, action buttons for each BulkAction, and a “Clear” button to deselect all rows. Actions are rendered via the UI plugin’s button slot. Hidden automatically when selectedCount is zero.

Parameters

props

BulkActionBarProps

See BulkActionBarProps.

Returns

Element | null

Example

<BulkActionBar
  selectedCount={selectedRows.length}
  actions={[
    { label: "Delete", icon: TrashIcon },
    { label: "Publish" },
  ]}
  onAction={(action) => handleBulk(action, selectedRows)}
  onClearSelection={() => clearSelection()}
/>