A floating panel triggered by a button — similar to a tooltip but interactive.
Popover title
This is a small overlay popup with supporting content. It can contain any HTML.
<div class="pop-wrap"> <button class="pop-trigger">Open</button> <div class="pop"> <div class="pop-title">Title</div> <div class="pop-text">Supporting text here.</div> </div> </div>
Installation
Built with pure HTML and CSS. Include ds-shared.css in your project.
pnpm add @norbielink/ds
API Reference
Classes
| Class | Description |
|---|---|
pop-wrap | Outer container (position:relative) |
pop-trigger | Button that opens the popover |
pop | Floating panel (position:absolute) |
pop-title | Bold heading |
pop-text | Content text |
pop-dk | Dark mode modifier |