Skip to content

Latest commit

 

History

History
27 lines (18 loc) · 1.02 KB

README.md

File metadata and controls

27 lines (18 loc) · 1.02 KB

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.