overlastic

SKILL.md

Promise-based modal and dialog library with imperative and declarative modes for React, Vue, and Svelte.

Supports three frameworks (React, Vue 3, Svelte) with framework-specific integration patterns and hooks like useDisclosure

Offers both imperative control via constructors and deferred promises, and declarative usage directly in templates/JSX

Includes provider pattern for context inheritance, custom component integration, and external lifecycle control

Components automatically destroy after configured duration when promises resolve or reject

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