Popup
A Popup displays additional information on top of a page.

Types

Popup

An element can specify popup content to appear.

Titled

An element can specify popup content with a title.

HTML

An element can specify HTML for a popup.

Variations

Basic

A popup can provide more basic formatting.

Wide

A popup can be extra wide to allow for longer content.

Size

A popup can vary in size.

Flowing

A popup can have no maximum width and continue to flow to fit its content.

Inverted

A popup can have its colors inverted.

Position

A popup can be position around its trigger.

Offset

A popup position can be offset from its position.

Style

A popup accepts custom styles.

Hide on scroll

A popup can be hidden on a scroll event.

Usage

Hover

A popup can be triggered on hover.

Click

A popup can be triggered on click.

Focus

A popup can be triggered on focus.

Nesting

A popup can be nested inside another.

Multiple

A popup can be triggered on multiple events.

Controlled

A popup can have its visibility controlled from outside.

Context

A popup can open over a DOM node when using a trigger.

A popup can open over a DOM node when controlled.

This is the bottom