--- name: popup url: /popup --- ## Popup

A window that has content and can be placed anywhere, like a popup. Trigger it when a view is loaded or from a button click.

Open popup
Here is my popup content
*** ### Basic HTML You can create [Item] with this basic HTML
```html Open Popup Content goes here ```
Open Popup Content goes here
### Positioning Popups use a library called Tether. Tether attaches an element to another element with absolute positioning; however, there is one caveat. If your popup is nested within a scrollable area (not `body`) but it's not the immediate parent of that element, it will lose its positioning. *** ### Sass Variables You can customize with... ```scss $popup-width: rem-calc(300); $popup-background: #fff; $popup-border: 0; $popup-radius: 8px; $popup-shadow: 0 0 10px rgba(#000, 0.25); ```