Command Bar is a floating action bar for contextual commands on the current page state. Use it when users select rows, files, cards, objects, or other items and need quick actions such as edit, delete, archive, move, export, or share.
Use it for:
- Showing a short context label, such as
2 selected. - Presenting compact actions for the selected items or active context.
- Grouping related actions with
ngs-command-bar-divider. - Showing optional shortcut hints on individual commands.
Do not use Command Bar as a command palette, search UI, dropdown menu, header toolbar, navigation bar, autocomplete, or normal form action row. It is for contextual actions that appear only when a page or region has an active selection or temporary command state.