| Table of Contents |
|---|
...
A toolbar is a grouped set of controls used to apply action to data.
<< Most communicative screenshot of the component >>
Usage & Behavior
The toolbar may be used in 3 components
Type | Image |
|---|---|
Data Table |   |
Widget-content |   |
List |  |
General guidelines
...
A toolbar can include a variety of components as Action Menus, Buttons, Pagination, Search etc…
Dialog buttons, are not used within a toolbar
It Optional, a mini-hamburger menu button” (icon-mini-hamburger-menu) can be used to aggregate multiple actions in an Action Menus
A toolbar can also include information such as counters and statuses (see example in data table image above)
If actions can be grouped, they should be separated by a vertical divider (e.g. Table-actions Vs Row-level-actions)
...
Zeplin link | Screen thumbnail |
|---|---|
<<Short Zeplin link. You >> | <<Screen with 200 width>> |
Code
<<a box containing the code - when there is no code to present use the Coming Soon GIF>>
...
Delete at the end anything below this
...