The Command bar is used to interact with longer lists, tables and tile-views. Have a look at the styleguide for further details as well as do's and dont's.
A Command bar can include a Search field and Action buttons. In addition you can activate a tooltip for the search field which shows the placeholder of the search field.
the number of items and a Sorting button,
a Filter button,
quickfilters for one-click filtering and complex Inlined filters. Filter-chips can be shown to simplify filtering. Please explicitly define the inline filter's label for smaller screens if it does not contain a MatFormField.
The Commandbar add button can also be overridden to show a Selection list with predefined List items.
You can also add tooltips to any commandbar button and disable them if needed.
(Full-HD resolution is required for all elements to be visible.)
If required you can add additonal margin to the left for the add button. This is necessary in the example below to
met all style requirements defined by the additionalAddBtnMargin
property to true.