@bedard/tailwindcss-dialogs
Tailwind CSS utilities for styling and animating dialog elements.
View sandbox →
Installation
First, install the package from NPM.
npm install --save-dev @bedard/tailwindcss-dialogs
Next, add the following to your tailwind.config.js
file.
import dialogs from '@bedard/tailwindcss-dialogs'
export default {
plugins: [
dialogs
]
}
Basic usage
This plugin provides one utility class, and three variant utilities.
- The
allow-discrete
class enables entry / exit transitions backdrop
targets a dialog's backdrop pseudo elementopen
targets the the open statefrom
targets a dialog's starting-style
License
MIT
Copyright (c) 2024-present, Scott Bedard