DataTableBulkActions

DataTableBulkActions(props): Element | null

Defined in: packages/react/src/components/ui/data-table/DataTableBulkActions.tsx:39

Floating bulk action bar that appears when items are selected.

Displays selection count and bulk actions (delete, etc.). Positioned at bottom of table with slide-up animation.

Parameters

props

DataTableBulkActionsProps

Component props

Returns

Element | null

Bulk action bar UI

Example

const selection = useTableSelection({ totalCount: 500 });

<DataTableBulkActions
  selection={selection}
  onDelete={() => setDeleteModalOpen(true)}
  isDeleting={isDeleting}
/>