Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Usage
Only use one primary action per toolbar
Do
Use only one primary action in a toolbar. This ensures a simple information hierarchy and highlights the most important action for the context.
Don't
Using multiple primary actions can muddy the information hierarchy and add visual clutter to the page. It will be less clear what the most important action(s) are in the context.
Don’t use too many actions in your toolbar
Do
Only use actions that are relevant for your table’s context. This ensures that the toolbar is as simple as possible, and it isn’t cluttered with unnecessary actions.
Caution
Using too many actions in your toolbar can lead to an increased cognitive load and a higher chance of confusion, especially if there are actions that aren’t relevant. Try to avoid including unnecessary actions.