How to get native ios ion-modal animation

Ionic Framework Ionic Vue
1

Hi there,

there are some Ionic tutorials, where I can see the ion-modal animation to appear pretty iOS native - so the modal gets stacked on the top, and you can see the underlaying layer a bit.
For example the GIF on top of this page shows what I mean: How to Navigate in Ionic Modals with ion-nav - Ionic Blog)
In the modals I’m using, the modal animates only from bottom to top, and takes then the full screen.

How can I achieve the animation from the example in Ionic Vue?

Thanks!

2

We were missing some examples for Vue in the Ionic Docs, but I added those last week: ion-modal: Ionic Framework API Docs (See the “Swipeable Modals” section in the “Vue” tab)

3

Thanks! The presenting-element property was missing.

1 Like