You can handle overlay results as a Promise using overlay.openAsync.

`tsx
import { overlay } from 'overlay-kit';

onClick={async () => {
const result = await overlay.openAsync(({ isOpen, close }) => (
open={isOpen}
onConfirm={() => close(true)}
onClose={() => close(false)}
onExit={unmount}
/>
))
}}
>
Open

``

Why use overlay-kit?

$3

1. Complexity of State Management
- Had to manage overlay state directly using useState or global state.
- Code became complex and less readable as state management mixed with UI logic.
2. Repetitive Event Handling
- Had to repeatedly write event handling code for opening, closing, and returning results.
- This led to code duplication and degraded development experience.
3. Lack of Reusability
- UI and logic were tightly coupled through callback functions to return values from overlays.
- This made it difficult to reuse components.

$3

1. Design Following React Philosophy
- React favors declarative code.
- overlay-kit helps manage overlays declaratively.
2. Improve Development Productivity
- By encapsulating state management and event handling, developers can focus solely on UI and business logic.
3. Enhance Extensibility and Reusability
- Increased overlay reusability by separating UI and behavior, and returning Promises.

License

MIT © Viva Republica, Inc. See LICENSE for details.