Awesome Open Source
Awesome Open Source

ionic-modal-custom-transitions

Adding Custom Transitions to Ionic Modals

Ionic – Adding Custom Transitions to Modals

Demo

Transitions and Usage

All transitions classes are located under transitions folder. These are the available Transition classes:

  • modal-translate-up-enter
  • modal-translate-up-leave
  • modal-scale-up-enter
  • modal-scale-up-leave

You can use existing transition classes like this when you create a modal:

var modal = this.modalCtrl.create(SampleModalPage, {}, {
  enterAnimation: '<ENTER TRANSITION CLASS NAME>',
  leaveAnimation: '<LEAVE TRANSITION CLASS NAME>'
});

Find complete details on how to use it in our blog article on how to use it here: Ionic Modal Custom Transitions.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (254,029
Animation (5,129
Angular2 (2,056
Ionic (1,656
Angular4 (1,462
Angular5 (800
Ionic Framework (652
Transition (563
Ionic3 (547
Ionic2 (405
Ionic4 (276
Hybrid Apps (221
Related Projects