Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.cognite.com/llms.txt

Use this file to discover all available pages before exploring further.

Action toolbar

In progress | Storybook link coming soon
  • Keep it contextual: The Action toolbar should only include actions that are relevant to the current view or selection. For example, in a Table, an Action toolbar might include Delete, Duplicate, and Group.
  • Avoid overloading: Don’t clutter the toolbar with too many actions. Use drop-downs, grouping, or progressive disclosure if needed.

When to use

  • Data in a list, Table or Card must be selected before applying actions such as “Run parsing,” “Add to sequence,” or “Remove from plan”.
  • You need to conserve table space; an Action toolbar can be used to house common table actions like Delete, Copy, and Duplicate instead of displaying them in the Table or persistent Page toolbar.
  • Item(s) must be selected before continuing on with the workflow and there are many paths a user can take.

When to use something else

  • Use a Toolbar (including page-level toolbars) when item(s) do not need to be selected before applying an action.

Dos and don’ts

  • Do center align the Action toolbar within the container or page it applies to.
  • Don’t make the Action toolbar draggable or position it anywhere but the bottom area.

Behavior

  • The toolbar does not appear until the user has made a selection (for example in a Data grid or list).
  • It transitions in from the bottom of the page or section and stays fixed until the user clears selection, completes the action, or navigates away. It is not draggable.
  • If the page does not reload when an action runs, the toolbar transitions downward off screen while the action completes.

Often used with

Last modified on May 11, 2026