Fluent UI and Tailwind 4 demo #3289
coderdnewbie
started this conversation in
General
Replies: 1 comment
-
This has been improved ... theming works correctly and now fluentui mode switching changes tailwind light and dark mode. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Tailwind 4 has been released a few days ago, so I have produced a demo of it working with FluentUI. This works using the Tailwind CLI and was built using the web app template. Putting tailwind into the counter.razor file (which is on the client side) works, as well as putting tailwind in the server razor files. I created two pure tailwind pages - 'Ideas' which just some random ideas I had and tailwind play, which is the example div's from the tailwind play site (https://play.tailwindcss.com/) as this uses many of the tailwind 4 features and works about 90% successfully.
I used visual studio 2022 to make this demo and have not tried VS Code with it.
Give a star if you like the demo. Thanks, hopefully it is useful to the community.
https://github.com/coderdnewbie/FluentUITailwind4Demo
Beta Was this translation helpful? Give feedback.
All reactions