Description

A toolbar is a grouped set of controls, allowing users to perform actions on related content.

Usage & Behavior

The toolbar may be used in conjunction with 3 components:

Type

Image

Data Table

List

Chart

General guidelines

Structure

Placement and Positioning

Content

Internal Logic

States

The toolbar itself has no states. Each control on the toolbar will behave according to its own states.

Validations and errors

The toolbar itself has no validations or errors. Each control on the toolbar may have its own validations.

Best practices

Use:

Don’t use:

General:

Accessibility Compliance

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

Design

Zeplin link

Screen thumbnail

https://zpl.io/aB4Eedp

Code