React Dialog Async


> V3 has been released! Check out the blog post and migration guide for details

React Dialog Async provides a hook-based API for managing dialog state in React apps, with a focus on performance and developer ergonomics.

✨ Read the docs here ✨

Installation

Install the package into your project:
``bash
pnpm add react-dialog-async
`

Why use React Dialog Async?

Here's an example of how you might use it to show a confirmation dialog in response to a user action:

`tsx
import { useDialog } from 'react-dialog-async';

const DeleteItemButton = () => {
const dialog = useDialog(ConfirmationDialog);

const handleDelete = async () => {
const result = await dialog.open({
message: "Are you sure you want to delete this item?"
});

if(result?.confirmed) {
deleteItem();
}
}

return (

Delete item

);
}
``

Contributing

Contributions are more than welcome!

If you have a use-case that the library currently doesn't support please raise it in an issue or pull request 😄