Skip to content

BulkDeleteButton

Lets the user delete selected records in a list using dataProvider.deleteMany(). To be used in a ListContext (e.g., inside a <DataTable>).

import { DataTable, BulkDeleteButton } from '@/components/admin';
<DataTable bulkActionsButtons={<BulkDeleteButton />} />

It uses the selectedIds from ListContext.

On success, the button empties the selection, and notifies the user with the key resources.<resource>.notifications.deleted (fallback ra.notification.deleted).

On error, it notifies with an error message or ra.notification.http_error, then refreshes list.

PropRequiredTypeDefaultDescription
classNameOptionalstring-Extra CSS classes
iconOptionalReactNodeTrash iconCustom icon element
labelOptionalstringra.action.deletei18n key override
mutationModeOptionalMutationModeundoableMutation strategy (undoable/pessimistic/optimistic)
mutationOptionsOptionalUseDeleteManyOptions & { meta?: any }{}Extra react-query mutation options & meta
resourceOptionalstringinferredResource name (rarely needed)