1. Have a multi-step modal
2. Or: Set the first page transition in order to enter from the bottom, opening it with therouterLink
and not as a modal
I updated my example to show how you can do custom animations on a per ion-nav basis. It’s quite a lot of code to digest in a codepen (no typescript either ), but it’s basically copied and modified from the material design transition docs: https://github.com/ionic-team/ionic/blob/03c1d19e0740365ed109298c013441138b28353f/core/src/utils/transition/md.transition.ts
To modify the animation you just need to pass the ion-nav a property of animation with an AnimationBuilder function: https://ionicframework.com/docs/api/nav
This example now has a modal that includes multi-step navigation (ion nav within a modal) and has cusom animatinos to slide right-to-left with each page (default is slide up on md).