BulkEditDrawer

Edits every selected record from a side sheet. It sends only the fields the user touched.

Installation

pnpm dlx shadcn@latest add @chelone/bulk-edit-drawer

Edits every selected record from a side sheet. It sends only the fields the user touched.

Props

PropTypeDefaultDescription
childrenReactNode—The inputs to edit with; their values become the patch for every row. Flat sources only: applying with a dirty nested source (`address.city`, `tags[1]`) notifies an error and calls nothing.
disabledboolean—
labelstring—Trigger text. Default `"Edit selected"`.
onSuccess(diff: Record<string, unknown>, ids: Identifier[]) => void—Runs after a successful update with the sent fields and the updated ids.
side"left" | "right" | "top" | "bottom"—Edge the sheet slides in from. Default `"right"`.
titlestring—Sheet heading. Default `label`.