From d72eae81ee222013765316afdf0e34bab8f8640f Mon Sep 17 00:00:00 2001
From: Raziul Islam <51883557+iRaziul@users.noreply.github.com>
Date: Tue, 2 Apr 2024 15:15:07 +0600
Subject: [PATCH] Update README.md (#435)

Tailwind v3 config
---
 README.md | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/README.md b/README.md
index b1f451e..9ec924b 100644
--- a/README.md
+++ b/README.md
@@ -390,6 +390,24 @@ module.exports = {
 }
 ```
 
+For TailwindCSS `3x`
+```js
+export default {
+  content: [
+    './vendor/wire-elements/modal/resources/views/*.blade.php',
+    './storage/framework/views/*.php',
+    './resources/views/**/*.blade.php',
+  ],
+  safelist: [
+    {
+      pattern: /max-w-(sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
+      variants: ['sm', 'md', 'lg', 'xl', '2xl']
+    }
+  ],
+  // other options
+}
+```
+
 ## Configuration
 You can customize the Modal via the `wire-elements-modal.php` config file. This includes some additional options like including CSS if you don't use TailwindCSS for your application, as well as the default modal properties.