First look at the Ionic Bottom Sheet Drawer with map - Ionic V6 Beta (React)

Поділитися
Вставка
  • Опубліковано 11 лис 2024

КОМЕНТАРІ • 19

  • @AlanMontgomery
    @AlanMontgomery  3 роки тому +2

    A first look at the bottom sheet, "sheet modal" in the Ionic Framework - coming in V6!

  • @galaxies_dev
    @galaxies_dev 3 роки тому +2

    That was fast Alan, just read about it this morning. Love the UI of it 😍

    • @AlanMontgomery
      @AlanMontgomery  3 роки тому

      I know haha, I was taking a look at it personally myself, and just thought, I may as well cover it in a video while I'm checking it out anyway 🤩 Thanks as always Simon! 🙌

  • @atamscheduler4370
    @atamscheduler4370 Рік тому +1

    Hey Alan
    Looking to see if you had a video or the code to tell me how to have the user add their own markers when using the maps

  • @pazel-io
    @pazel-io 3 роки тому +1

    Nice video, Alan.
    Previously, I made sth similar with Ionic modal, but this bottom sheet is far better.
    Thanks for the demo.
    Hopefully, the Ionic 6 release is not too far.

    • @AlanMontgomery
      @AlanMontgomery  3 роки тому

      Thanks alot Parham! Appreciate it! I know, I'm very excited for it!

  • @Cantignie
    @Cantignie 3 роки тому +1

    Great video Alan!

  • @snimavat
    @snimavat Рік тому +1

    How about swipe to close ?

  • @jfprizzy
    @jfprizzy 3 роки тому +1

    Any idea roughly what month we can expect v6 RC?

    • @AlanMontgomery
      @AlanMontgomery  3 роки тому

      There is no indication just yet on when it’s gonna be released as a RC. I would hazard a guess at maybe a month or 2 from now maybe?

  • @FlipFlip
    @FlipFlip 2 роки тому +1

    how do you make the background clickable without dismissing the modal?

    • @juustifytries
      @juustifytries 2 роки тому +1

      I have same problem do you have solution with this

    • @AlanMontgomery
      @AlanMontgomery  2 роки тому +1

      I will address this in an upcoming video

    • @AlanMontgomery
      @AlanMontgomery  2 роки тому +1

      I will address this in an upcoming video

    • @juustifytries
      @juustifytries 2 роки тому +1

      @@AlanMontgomery wow didn't expect a response thankyou, since I've been using react tsx i hope you would make a tutorial for that also you earned a sub ☺️☺️

    • @juustifytries
      @juustifytries 2 роки тому +1

      isOpen={true}
      backdropBreakpoint={0.5}
      backdropDismiss={false}
      showBackdrop={false}
      breakpoints={[0.3, 0.5, 1]}
      initialBreakpoint={0.5}
      Already found a solution with this please add the backdropBreakpoint property
      Edit: I still don't know or understand the proper method on how this happened to work so lets leave the rest for Alan to explain in his next content =) for those who look for immediate solution i hope this helps =D