How to use the Ionic 6 Bottom Sheet Modal Component with React (Ionic Framework)

Alan Montgomery
Alan Montgomery
7.7 هزار بار بازدید - 2 سال پیش - The release of v6 for
The release of v6 for Ionic Framework brought the addition of the Bottom Sheet or "Sheet Modal" component to our toolbox.

It's very simple to implement - all we need to do is supply breakpoints to the IonModal to create snap and swipe regions for the modal, we can also use the useIonModal overlay hook with this implementation as well. I thought to show you how to implement it using React.

#############################
🔗 IonModal - Sheet Modal docs
https://ionicframework.com/docs/api/m...

🎉  Reach out to me
Twitter: 93alan

💙 UI Examples with Code and Live Demos
https://ionicreacthub.com
#############################

00:00 Introduction
00:31 Demo of IonModal and useIonModal
01:19 IonModal implementation
06:09 useIonModal hook implementation
09:41 Outro

#ionic #capacitor #webnative #react #reactjs #ionicreact #ionicv6
2 سال پیش در تاریخ 1400/11/05 منتشر شده است.
7,706 بـار بازدید شده
... بیشتر