Skip to content

Commit 50872fe

Browse files
chore: Add Tailwind setup instructions for v3 and v4 to README (#4636)
Updated README.md to include configuration steps for integrating Tailwind v3 and v4 with the package. This ensures users can correctly set up Tailwind for compatibility with RJSF and shadCN components.
1 parent ff5d375 commit 50872fe

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

packages/shadcn/README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,20 @@ Follow shadCN installation guide [here](https://ui.shadcn.com/docs/installation)
9393

9494
The color of the RJSF will automatically apply with your shadCN config.
9595

96+
#### Tailwind v3
97+
Add the following line to your tailwind.config.ts
98+
```typescript
99+
content: [
100+
"./src/**/*.{html,js}",
101+
"node_modules/@rjsf/shadcn/src/**/*.{js,ts,jsx,tsx,mdx}" // Add this line
102+
],
103+
```
104+
#### Tailwind v4
105+
Add the following line to your equivalent global.css
106+
```css
107+
@source "../node_modules/@rjsf/shadcn";
108+
```
109+
96110
### Not using Tailwind
97111

98112
#### Use the theme on demo site

0 commit comments

Comments
 (0)