Batch Actions Dropdown Dropdown Menu for React

It's the text of the DropdownMenuLabel at the top, and the demo hardcodes it. Put your selection count there, and disable the trigger when nothing is selected so the menu can't run on an empty selection.

Mark as Complete and Mark as Incomplete, then a separator, then Add Tags, Export Selected and Archive Selected, then a separator and Delete Selected. The label and the first two rows share a DropdownMenuGroup, and the menu is w-56.

Export Selected shows ⌘E and Delete Selected shows ⌘⌫, each in a DropdownMenuShortcut at the end of the row. The shortcut only prints the hint: register the keys on the page yourself, since the menu is closed when people press them.

variant="destructive" on that DropdownMenuItem colors the row, after a trash icon. It doesn't ask for confirmation: open an Alert Dialog that says how many items will go before you delete them.

An outline Button that reads Batch Actions, with a chevron after the words. DropdownMenuTrigger renders the button through render, and the words and chevron go inside the trigger.

The menu closes after a choice. Run the action on your selection where your library reports the chosen item. Set onClick on each DropdownMenuItem.