web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / How to set up Tailwind...
Power Apps
Suggested Answer

How to set up Tailwind to a React PCF Control?

(2) ShareShare
ReportReport
Posted on by 57
Hi,
 
I've been asked to use Tailwind instead of fluent UI for a React PCF control project, but I am really struggling to set it up.
 
Does anyone have a tutorial on this, or something similar that might help?
 
Specific questions:
1. Should I use PostCSS or Vite for Tailwind?
2. How do I set up the config files for Vite/PostCSS?
2. Do I have to edit my Webpack config to include a different style loader, and how would I do so? I have used featureconfig.json to allow for custom webpack, but not sure from here.
 
Any help would be greatly appreciated.
 
Kind regards,
 
Nina
Categories:
I have the same question (0)
  • Suggested answer
    MichaelFP Profile Picture
    1,999 Moderator on at
    Check this repo, may could help you with that
     
     
    If my answer helped you, please give me a thumbs up (👍). If solve your question please mark as answer ✔️. This is help the community.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Valantis Profile Picture

Valantis 481

#2
WarrenBelz Profile Picture

WarrenBelz 379 Most Valuable Professional

#3
11manish Profile Picture

11manish 291

Last 30 days Overall leaderboard