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

Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

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