Page History

...

To enhance clarity, there should never be more than 5 items inside the action toolbar. If more actions are needed, they should be placed inside the [overflow menu] of the more action.

Best Practices

Placement and alignment

Toolbars are generally aligned at the right with the most important actions being placed at the faremost right. If an organism has an overflow menu, it is placed at the farmost right.

Every toolbar action, beside the application ame and Edge.One wordmark in the header toolbar, is represented by an action icon. All actions have a title that is shown in a tooltip when users hover the icon.

Using an Overflow Menu

Keep the number of visible actions small to preserve clarity. If an organism has a great number of actions, less secondary actions are placed inside an overflow menu with the "more" icon. Avoid more than eight secondary actions in a single overflow to maintain clarity.