Bulk Action Toolbar
Component Detail
User Interface
medium complexity
frontend
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Contextual toolbar that appears above the user list when one or more users are selected via checkboxes. Provides action selector dropdown (bulk role assignment, bulk deactivation, bulk invitation resend), select-all control scoped to the current filtered/paginated view, selected count indicator, and confirmation dialog before execution.
bulk-action-toolbar
Responsibilities
- Render conditional toolbar when selection state is non-empty
- Manage checkbox selection state including select-all for current page/filter
- Trigger action confirmation dialog with action-specific parameter inputs
- Display async progress bar and polling state for operations exceeding 20 users
Interfaces
onSelectionChange(selectedIds: string[]): void
onActionConfirm(action: BulkActionType, params: BulkActionParams): void
onProgressPoll(jobId: string): Promise<BulkJobStatus>
renderConfirmationDialog(action: BulkActionType): ReactNode
Relationships
Dependencies (2)
Components this component depends on