Skip to main content
Documentation/Popups/Building Your Popup in Breakdance

Building Your Popup in Breakdance

Build a popup by placing elements inside its Popup element, which provides the container, overlay, and close button.

Add Content

  1. Open the popup with Edit in Breakdance and select Popup in Structure. If the document is empty, add a Popup element first.
  2. Add the elements you need inside Popup, arrange them in Structure, and click Save.
Popup selected with Heading and Close Button children in Structure
Popup selected with Heading and Close Button children in Structure

Style and Close the Popup

Select Popup and open Design to set its position, size, background, layout, and animations. Overlay and Close Button style the background and built-in close control.

Popup selected with its Design controls beside the popup
Popup selected with its Design controls beside the popup

Under Content > Popup, choose how the popup closes and whether the underlying page can scroll. To close it with your own button, use a Popup Close link action.

See the Popup element reference for every design and behavior setting.