🧙♂️ Animate.css compatible corner popup library for your website.
Displays foo within the popup.
let tepsiPopup = tepsi({
content: 'foo',
});Displays the element with the id foo within the popup.
<div id="foo">Hello World!</div>let tepsi = tepsi({
tepsiId: 'foo',
});| Option | Type | Default Value | Description |
|---|---|---|---|
| width | string | 300px | width for the popup container |
| autoDismiss | boolean | false | automatically dismisses the popup within the provided displayDuration |
| displayDuration | number | 1000 | duration the popup will stay on screen if autoDismiss is set to true |
| animateIdleClass | string | 'popsy-animated' | default animation class |
| animateInClass | string | 'popsy-animated-fadein' | animation class to add when popup is toggled on |
| animateOutClass | string | 'popsy-animated-fadeout' | animation class to add when popup is toggled off |
| location | string | 'bottom-left' | location where popup will be shown |
| tepsiId | string | null | id of the element to be used as container |
| xOffset | string | '10px' | offset from the left/right edge of the screen |
| yOffset | string | '10px' | offset from the top/bottom of the screen |
| containerElement | string | 'div' | default container element tag |
| content | string | 'Hello popsycho!' | default content of the popup |
| customClass | string | null | custom class to add to the container element |
| beforeInitialize | function | null | callback to run before popup is initialized |
| afterInitialized | function | null | callback to run after popup is callback to run after popup is initialized |
| onToggle | function | null | callback to run when popup is toggled |
| dismissButton | boolean | false | enable/disable dismiss button |
| dismisButtonIcon | string | 'x' | icon to use within dismiss button |
| method | parameters | description |
|---|---|---|
| toggle | - | toggles the popup |
| content | content: string | replaces the content of the popup runtime |
This project is available under the MIT license.