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

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 47

  • @ranggadanendra7691
    @ranggadanendra7691 ปีที่แล้ว +5

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

  • @rijwanulhaqueroman3052
    @rijwanulhaqueroman3052 6 หลายเดือนก่อน +1

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

  • @bengraham1798
    @bengraham1798 หลายเดือนก่อน

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

  • @Sniksax
    @Sniksax ปีที่แล้ว +1

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

  • @tuntunewala
    @tuntunewala ปีที่แล้ว

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

  • @mostakahamed6169
    @mostakahamed6169 7 หลายเดือนก่อน

    Good job. Easy explanation 🎉

    • @itzpradip
      @itzpradip  7 หลายเดือนก่อน

      Glad it was helpful!

  • @MONUKumar-x1j5o
    @MONUKumar-x1j5o 5 หลายเดือนก่อน

    Really helpful video bro.. 😎

  • @faizaliso1812
    @faizaliso1812 3 หลายเดือนก่อน

    this what I want. Thank you

  • @federicomarceloramirez6650
    @federicomarceloramirez6650 ปีที่แล้ว

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

  • @cecibenitez3917
    @cecibenitez3917 ปีที่แล้ว

    thank you Mister, very nice

  • @go_you_huskies
    @go_you_huskies 2 ปีที่แล้ว +1

    Great tutorial! Thank you!

  • @adminbay1526
    @adminbay1526 2 ปีที่แล้ว +2

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

  • @JinoDocena
    @JinoDocena 7 หลายเดือนก่อน

    thank you. i learn a lot.

    • @itzpradip
      @itzpradip  7 หลายเดือนก่อน

      Glad to hear that!

  • @m__link6499
    @m__link6499 11 หลายเดือนก่อน

    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…

  • @GTechnology-m3i
    @GTechnology-m3i 3 หลายเดือนก่อน

    Thanks buddy

  • @adminbay1526
    @adminbay1526 2 ปีที่แล้ว +1

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

  • @craftsworld3237
    @craftsworld3237 9 หลายเดือนก่อน

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

  • @nikafif2211
    @nikafif2211 2 ปีที่แล้ว

    Thanks man! really helpful

    • @itzpradip
      @itzpradip  2 ปีที่แล้ว

      Glad to hear it!

  • @emilygarcia2094
    @emilygarcia2094 2 ปีที่แล้ว

    Amazing, thank you!

  • @guddisAlex
    @guddisAlex 10 หลายเดือนก่อน

    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
      @SrinivasaSridhar 9 หลายเดือนก่อน

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

  • @designerborhan3727
    @designerborhan3727 ปีที่แล้ว

    Thank you brother

  • @roxxyyroy3404
    @roxxyyroy3404 ปีที่แล้ว +3

    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
      @alexjavierchaflallalao6242 ปีที่แล้ว +1

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

  • @jannatmughal487
    @jannatmughal487 ปีที่แล้ว

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

  • @awaraamin6850
    @awaraamin6850 2 ปีที่แล้ว

    Thanks man!

  • @smarttechinfo4512
    @smarttechinfo4512 2 ปีที่แล้ว

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

  • @salamunhasan143
    @salamunhasan143 ปีที่แล้ว

    Thank you Boss 💖💖❤❤💖💖

  • @Lifestyle-zz2wd
    @Lifestyle-zz2wd 22 วันที่ผ่านมา

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

  • @HazratAlinil
    @HazratAlinil ปีที่แล้ว

    Great

  • @prabinkarki94
    @prabinkarki94 2 ปีที่แล้ว

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

  • @nandanadileeep
    @nandanadileeep 10 หลายเดือนก่อน

    Is this modal responsive?

  • @kKhubaibAlam
    @kKhubaibAlam ปีที่แล้ว +1

    Can you provide this code ?

  • @elberelbatbayar
    @elberelbatbayar 10 หลายเดือนก่อน

    its working

  • @FrontendFanatic
    @FrontendFanatic 9 หลายเดือนก่อน

    Thanks

  • @PercivalOVico
    @PercivalOVico 2 ปีที่แล้ว

    Thanks alot

  • @arhabersham
    @arhabersham ปีที่แล้ว +1

    Source code?

  • @wagnercsfilho
    @wagnercsfilho ปีที่แล้ว

    Portals?

  • @EswariA-uk9zy
    @EswariA-uk9zy 7 หลายเดือนก่อน

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

  • @kartikvohra25
    @kartikvohra25 2 หลายเดือนก่อน

    Just Amazing
    Thanks!

  • @droid-jr9940
    @droid-jr9940 ปีที่แล้ว

    Great tutorial! Thank you!

  • @directornovela7774
    @directornovela7774 ปีที่แล้ว

    thanks a lot

  • @Coolaid234
    @Coolaid234 6 หลายเดือนก่อน

    Can you provide this code ?