Components

Popovers

Popovers give users more context or information when clicking on specific elements. This guide explains how to use them.

Popovers
  • Usage
  • Examples
  • Related components
  • Download

Usage

Positioning

Popovers can be placed above, underneath, or to the side of the clicked element. They can also have an arrow pointing in the direction of the clicked element.

Interactions

Popovers appear upon clicking on specific elements in the interface. They can be purely informative but can also contain interactive elements like links.

Popover with arrow pointing to the triggering element.

Popover without arrow.

Examples

Related components

Download

Sketch UI Library
ZIP
85.97 MB