How to style Material UI component with Tailwindcss in React project

How to style Material UI component with Tailwindcss in React project

Daily Web Coding

2 года назад

29,700 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

abon sapi
abon sapi - 13.09.2023 18:20

Thank you for sharing.

But it didn't work on me.
I tried to create React with Vite and install TailwindCSS with MUI v5.
I have tried your approach and it didn't work.

do you have a solution?

Ответить
Alvin
Alvin - 13.08.2023 05:37

Your explanation is very ez to understand. Keep make more tutorials man

Ответить
Good Boy
Good Boy - 16.07.2023 01:47

Thank you man for your amazing explanation. I really wanted to use Material UI but I prefer and more accustomed to using Tailwind. Saved me a lot of time figuring it all out on my own. I am greatfull

Ответить
Prachi Vaishya
Prachi Vaishya - 29.06.2023 21:57

does it only work for apps created using CRA ? since i am unable to notice any changes in the style, when it is created using vite

Ответить
Let's Go
Let's Go - 14.05.2023 09:56

I tried it with a existing material ui project . Follow all the config but the style element with tailwind did not change the stye with mui. I am stuck with this problem , can you help about this? My tailwind css style overlaping eith mui style. How can I set priority the tailwind? I tried the important method but not working!!!plz give a idea

Ответить
Kosh Gosh
Kosh Gosh - 20.03.2023 15:51

how to style active button in material ui + tailwind pagination?

Ответить
tb
tb - 16.03.2023 12:47

Thank you!

Ответить
shghygh momeni
shghygh momeni - 09.03.2023 00:04

thank youuuu. very goooood and very helpful

Ответить
Atish Potdar
Atish Potdar - 24.01.2023 16:21

Thanks

Ответить
Andre Freitas
Andre Freitas - 08.01.2023 00:28

thank you very much!

Ответить
James Ortiz
James Ortiz - 10.12.2022 20:55

Thank you man!

Ответить
Gunasekaran T
Gunasekaran T - 02.11.2022 13:11

How to change mui progress color using Tailwind? It would be helpful for me
Thanks

Ответить
lee hugh
lee hugh - 08.09.2022 11:43

Is there a nextjs version?

Ответить
MD NURULLAH
MD NURULLAH - 08.08.2022 12:49

Whats your vs code theme name?

Ответить
Hooyah
Hooyah - 11.07.2022 19:56

I left mui because i can't customize mui component but. You're help me out through this. Btw is important all css affect application speed? Sorry if my question is too rubbish

Ответить
AnikOkey
AnikOkey - 08.07.2022 03:16

is this gonna work also in nextjs?

Ответить
Ahmad Syahbandi
Ahmad Syahbandi - 19.06.2022 02:58

Thank you. It's very helpful

Ответить
Bob Dempsey
Bob Dempsey - 17.06.2022 11:19

Awesome!

Ответить
Andrei Trinidad
Andrei Trinidad - 16.06.2022 03:23

How about custom theme? Can we use custom theme while using tailwind?

Ответить
jyothesh karnam
jyothesh karnam - 14.06.2022 15:20

its not working for me plese help

Ответить
Moinul Moin
Moinul Moin - 18.05.2022 10:17

is it good to use them together? just asking in curisity

Ответить
DaveTradeFx.01
DaveTradeFx.01 - 08.05.2022 11:28

helpful video

Ответить
Julien Tavernier
Julien Tavernier - 04.05.2022 14:03

Oh perfect man, thanks !

Ответить
Jennifer Serrano
Jennifer Serrano - 27.04.2022 13:58

😍 p̲r̲o̲m̲o̲s̲m̲

Ответить
sajjad talebi
sajjad talebi - 25.04.2022 18:55

Very helpful, thanks man🥰

Ответить
RawrBear Media
RawrBear Media - 20.04.2022 02:13

Thank you so much for this!

Ответить
Subhasish Das
Subhasish Das - 16.04.2022 10:36

WHen I use the contained variant of button component, it doesn't apply the mui styles properly. Any ideas why?

Ответить
Rizal Arief Firdaus
Rizal Arief Firdaus - 07.04.2022 18:10

are postcss and autoprefixer really necessary? I am really new to this

Ответить
Nishant Shah
Nishant Shah - 26.03.2022 17:43

Very helpful, thanks man.....

Ответить
Gandharva Ravi
Gandharva Ravi - 11.03.2022 22:36

Can i use Tailwind breakpoint classnames inside MUI components for responsive ?

Ответить