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.