...
Where relevant, an action area will be shown at the bottom of the details pane.
The action area may include elements such as buttons Buttons and action Action menus.
Actions that are part of a flow The placement of the action area components depends on their function.
Where the actions relate directly to the items shown in the details pane, such as changing their state:
the actions will be aligned to the right
.
a line will only appear above the action area
when scroll is
used.
Where additional actions
are shown which don’t directly relate to the items currently in the details pane, such as creating new items:
the actions will be aligned to the left.
a line will always appear above the action area, to indicate the separation.
Directly-related actions | Additional actions |
|---|---|
 |  |
Collapse/Expand Area
The collapse/expand area will appear only when the details pane is unpinned.
When shown, it will be located on the left side of the details pane.
An arrow is shown in the middle of it:
when expanded, the arrow will direct to the right.
when collapsed, the arrow will direct to the left.
...