name: overlastic
description: Comprehensive skills for working with Overlastic
metadata:
author: Hairyf
version: "2026.01.29"
source: Internal Documentation
Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.
Core References
| Topic |
Description |
Reference |
| Constructor |
Core method for creating overlay constructors |
core-constructor |
| Deferred |
Promise variation with external control methods |
core-deferred |
| Global Functions |
Utilities for mounting elements and name management |
core-defines |
| useDisclosure |
Hook for managing overlay lifecycle and state |
core-disclosure |
Framework References
| Topic |
Description |
Reference |
| React Integration |
Using Overlastic with React components |
framework-react |
| Vue Integration |
Using Overlastic with Vue 3 components |
framework-vue |
| Svelte Integration |
Using Overlastic with Svelte components |
framework-svelte |
Advanced References
Key Concepts
- Constructor: Receives component, props, and options to mount overlays
- Deferred: Promise-like object with
confirm and cancel methods for external control
- Mount Options: Configuration for container, ID, index, and deferred instance
- Lifecycle: Components are destroyed after
duration ends when deferred resolves/rejects
- Imperative Usage:
defineOverlay and renderOverlay for callback-based invocation
- Declarative Usage: Components can be used in templates/JSX with props
- Provider Pattern:
OverlaysProvider for context inheritance
- Dual Mode Support: Components work in both imperative and declarative modes
By