## Feature Examples ### Structure - description:

Toolbars consist of 2 empty containers.

To add content like filter dropdowns or search inputs use the wrapper. The required margins will automatically be applied.

- example: ```jsx Left aligned content Right aligned content ; ``` ### Title - description:

Add titles to describe the table content using .

- example: ```jsx Title ; ``` ### Label - description:

Use to add a text label for filter options or a count of existing items.

- example: ```jsx 12 products ; ``` ### Main toolbar - description:

The main toolbar appears above each table. It consists of descriptive info and optional data filters which can be easily edited to fit the user's goals.

- example: ```jsx Title Title Title Title Title 3 items 3 items 3 items 3 items 3 items ; ``` ### Actions toolbar - description:

The actions toolbar only appears in tables with an enabled item selection. It replaces the main toolbar when at least one item is selected.

- example: ```jsx 3 selected } > More Actions } > } text="Add discount" /> } text="Add to collection" /> } text="Delete" /> 3 out of 96 selected Select All } > More Actions } > } text="Add discount" /> } text="Add to collection" /> } text="Delete" /> ; ```