Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(monorepo): use tailwindcss v4 in monorepo example #6724

Merged
merged 12 commits into from
Mar 5, 2025

Conversation

Kaikaikaifang
Copy link
Contributor

In order to use tailwindcss v4 in monorepo, we can refer to this issue.

In globals.css:

@import "tailwindcss";
@source "../app/**/*.{ts,tsx}";
@source "../components/**/*.{ts,tsx}";
@source "../../../packages/ui/components/**/*.{ts,tsx}";

Note the relative path.

link discussion #6714

Copy link

vercel bot commented Feb 21, 2025

@Kaikaikaifang is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

@shadcn shadcn added area: roadmap This looks great. We'll add it to the roadmap, review and merge. react 19 tailwind area: monorepo labels Feb 22, 2025
@shadcn
Copy link
Collaborator

shadcn commented Feb 25, 2025

This was on my list to do. Thanks for getting this started. I'll review. May I push some updates to your PR here?

@Kaikaikaifang
Copy link
Contributor Author

This was on my list to do. Thanks for getting this started. I'll review. May I push some updates to your PR here?

Certainly you can!

Copy link

vercel bot commented Mar 4, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
ui ✅ Ready (Inspect) Visit Preview Mar 5, 2025 7:54am
v4 ✅ Ready (Inspect) Visit Preview Mar 5, 2025 7:54am

@shadcn
Copy link
Collaborator

shadcn commented Mar 4, 2025

hmm looks like we can't publish beta from here. Looking into alternatives for testing this.

@shadcn
Copy link
Collaborator

shadcn commented Mar 4, 2025

@Kaikaikaifang okay we can start testing it. I published a beta.

pnpm dlx [email protected] init and select monorepo.

Can you test and let me know if everything is working? Try adding components, check imports, dark mode...etc

@Kaikaikaifang
Copy link
Contributor Author

@Kaikaikaifang okay we can start testing it. I published a beta.

pnpm dlx [email protected] init and select monorepo.

Can you test and let me know if everything is working? Try adding components, check imports, dark mode...etc

Test passed, everything is fine. ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: monorepo area: roadmap This looks great. We'll add it to the roadmap, review and merge. 🚀 autorelease react 19 tailwind
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants