A multi-purpose toolbar that can be located in different types of asset visualizations.
The asset toolbar's layout is flexible and adapts to different viewport sizes, as shown in the examples below:
The examples below show the asset toolbar's behavior on mobile viewports:
The asset toolbar can contain tools, links, or informative elements.
The toolbar is organized into two different groups of tools or informative elements. Most of the tools and content are grouped on the left, and the social tools are grouped on the right.
The “Share” button displays a dropdown menu containing a list of places/networks where the user can share. This list contains the social networks represented as icon buttons outside the list, as well as any additional social networks that are available.
The example below shows the asset toolbar for the blogs application on desktop in an 8-column container:
The same component in a 4-column container narrows to adapt to the available space:
On mobile displays, the component transforms its toolbar: