Actions Box
UIActionsBox
Styles
Using this Component
Actions boxes are used in space-constrained areas to display contextual actions on hover over a particular item. Actions boxes appear on a layer above other page content, making them useful when content is an unknown size/length.
Actions
The action(s) within an actions box should only be relevant to the item that is being hovered over. Actions are usually displayed with as few icon buttons as possible.
Alternatives
Avoid using actions boxes in any situation where an ordinary button, or header action could be used.
Structure
Behavior
Actions boxes appear only when hovering over a specific triggering area. They disappear when rolling off the triggering area.
Playground Coming Soon!
Styles
Using this Component
Actions boxes are used in space-constrained areas to display contextual actions on hover over a particular item. Actions boxes appear on a layer above other page content, making them useful when content is an unknown size/length.
Actions
The action(s) within an actions box should only be relevant to the item that is being hovered over. Actions are usually displayed with as few icon buttons as possible.
Alternatives
Avoid using actions boxes in any situation where an ordinary button, or header action could be used.
Structure
Behavior
Actions boxes appear only when hovering over a specific triggering area. They disappear when rolling off the triggering area.