Nav open / close arrow

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.

Related Components

Last Updated

August 6, 2020

Coming soon...

Component code details for this component are not currently available, but we're working on it!

Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.

Eng Description

Code Path & Props

Up to date props can be found at the codepath above.

Example Code