Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 

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.