<sl-popup>

Popup is a utility that lets you declaratively anchor "popup" containers to another element.

The source repository is archived and read-only.

Superseded by <wa-popup> in Web Awesome.

Category

Overlays

Built with

Lit

Library

Shoelace

Author

Shoelace

Package

@shoelace-style/shoelace

Component size

11.6 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.9 kB JS (shared by every Shoelace component, loaded once per page)

Downloads

142,636/week · jsDelivr 2,182,607,821 hits/month (whole @shoelace-style/shoelace package)

GitHub stars

13,834

Latest stable version

2.20.1

License

MIT

Status

stable

• Documentation
• Source code

• Documentation
• Source code

Attributes

• anchor
• active
• placement
• strategy
• distance
• skidding
• arrow
• arrow-placement
• arrow-padding
• flip
• flip-fallback-placements
• flip-fallback-strategy
• flipBoundary
• flip-padding
• shift
• shiftBoundary
• shift-padding
• auto-size
• sync
• autoSizeBoundary
• auto-size-padding
• hover-bridge

Slots

• anchor

Events

• sl-reposition

CSS Parts

• arrow
• popup
• hover-bridge