Create Custom Modal in React with Tailwind CSS | Modal in NextJS with Tailwind

[@ranggadanendra7691]

thank you so much sir, you are my super hero, now i can finish my job

[@ketutkrisna6565]

aggree😍

[@rijwanulhaqueroman3052]

Thank you. It was very easy to understand. You explined everything clearly. Keep up the good work.

[@bengraham1798]

Thank you 🙏 great video, no longer need to use component libraries for my Modals 💪

[@Sniksax]

Thank you so much brother, this tutorial is simple clear and easy to follow, keep up the good work !

[@tuntunewala]

Thanks buddy , been searching for this the whole time!!!

[@mostakahamed6169]

Good job. Easy explanation 🎉

[@itzpradip]

Glad it was helpful!

[@MONUKumar-x1j5o]

Really helpful video bro.. 😎

[@Lifestyle-zz2wd]

8:19 showModal is not working onClick
Can you send me your github code link for this project

[@federicomarceloramirez6650]

Thank you! that´s really help me. I salute you from Argentina.

[@CherryMakesGameplays]

It's always an Indian that comes in help at the end.

[@go_you_huskies]

Great tutorial! Thank you!

[@AishaAli-ci3di]

thanks bro! superrrbbb

[@m__link6499]

Thank you sir… but what if I want to display a modal by using a map of an object, instead of hard coding the button like you did? Let’s imagine that you have a list of cards (object) and in each card , we have a button that must display a modal with a content of each card. How will we do please? I can’t find a video on you tube showing that…

[@faizaliso1812]

this what I want. Thank you

[@adminbay1526]

Nice ..make more react and tailwind please I'm learning it from u. Can you make random quiz using react and tailwind?

[@adminbay1526]

Dude I wanna ask u something. Can u show us If we want to add another components under that modal button...

[@cecibenitez3917]

thank you Mister, very nice

[@craftsworld3237]

full scrren feature is not working in this modal how can i do it??

[@JinoDocena]

thank you. i learn a lot.

[@itzpradip]

Glad to hear that!

[@GTechnology-m3i]

Thanks buddy

[@salamunhasan143]

Thank you Boss 💖💖❤❤💖💖

[@guddisAlex]

how do you avoid scrolling if the page content is scrollable? I tried overflow-y-hidden but that results in jumping content on windows due the scrollbar is being removed!

[@SrinivasaSridhar]

in modal component use this
useEffect(() => {
document.body.style.overflow = "hidden";
return() => {
document.body.style.overflow = "unset";
}
},[isVisible]);

[@nikafif2211]

Thanks man! really helpful

[@itzpradip]

Glad to hear it!

[@emilygarcia2094]

Amazing, thank you!

[@awaraamin6850]

Thanks man!

[@designerborhan3727]

Thank you brother

[@jannatmughal487]

sir i did same like you but when i click on screen my modal is not getting close

[@elberelbatbayar]

its working

[@nandanadileeep]

Is this modal responsive?

[@kKhubaibAlam]

Can you provide this code ?

[@AnilKumar-sz8su]

GOOD

[@HazratAlinil]

Great

[@arhabersham]

Source code?

[@smarttechinfo4512]

দাদা context api in react native এ একটা ভিডিও আনলে খুব ভালো হয়। love from Behala

[@FrontendFanatic]

Thanks

[@prabinkarki94]

Sir could you please make video on how to make expo react native app run on android smart TV.

[@PercivalOVico]

Thanks alot

[@awais_ansarii]

❤

[@roxxyyroy3404]

But you repeated the code for creating three separate modal. You did not follow code reusability.we should create custom modal component and then then we can use that custom modal component on 3 different case based upon modal content.

[@alexjavierchaflallalao6242]

Yes, that's what I'm looking for for my project!! Do you know of any channels that do that?

[@wagnercsfilho]

Portals?

[@EswariA-uk9zy]

Not at all clear explaination
After u install when u create index.js app.js file

[@VohraG]

Just Amazing
Thanks!

[@droid-jr9940]

Great tutorial! Thank you!

[@directornovela7774]

thanks a lot

[@Coolaid234]

Can you provide this code ?