A split icon button appears on a horizontal toolbar and consists of two parts: the main icon and a triangle icon for the action list.
When to useThe split icon button helps reduce the number of icons on the toolbar and minimize visual noise.
Use the split icon button for a group of similar actions if there are already many icons on the toolbar and:
The user invokes one action more often than others,
Or if the user invokes one action several times, then switches to another action and invokes it several times but does not switch between actions too often.
Profiler actions are grouped into a split button
If the user invokes actions with the same frequency or often switches from one action to another, use separate icons for each action.
To decide whether to add the whole group of actions on the toolbar, follow the rules for the toolbar.
Use the split icon button on horizontal toolbars only, as itâs too wide for vertical toolbars.
How to useMake sure that all actions in the popup menu have icons. When an action is launched, its icon will be used as the main icon.
The user clicks Profile Allocations, the action starts, and its icon is shown as the main icon.
Built-in behaviorOn hover, the main icon and the triangle icon are highlighted separately, and the line between two parts is added. The tooltip for the main icon action is shown on hovering over it.
The main icon invokes its action on click. The triangle icon opens the action menu on click:
If some actions are unavailable, the corresponding menu items are disabled. The action menu should always open, even if all the items in it are disabled.
16 May 2024
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4