Tailwind CSS Dialog - React

Use our Tailwind CSS Dialog component to inform users about a task or important information that require decisions, or involves multiple tasks.

A Dialog is a type of modal window with critical information which disable all app functionality when they appear and remains on screen until confirmed/dismissed.

See below our Dialog example that you can use for your Tailwind CSS and React project.



Dialog Sizes

The Dialog component comes with 6 different sizes that you can change it using the size prop.


Custom Dialog Animation

You can modify the open/close state animation for Dialog component using the animate prop.

Edit this page on Github