ion-swipe

This library is an ionic 5 gesture library for swipe up & swipe down operations. This library is compitable with Ionic 5 version 5.6.10 and Angular CLI version 12.0.5. Click here for Live Demo.

Usage no npm install needed!

<script type="module">
  import ionSwipe from 'https://cdn.skypack.dev/ion-swipe';
</script>

README

Ionic 5 - IonSwipe

This library is an ionic 5 gesture library for swipe up & swipe down operations. This library is compitable with Ionic 5 version 5.6.10 and Angular CLI version 12.0.5. Click here for Live Demo.

Installation

$ npm install ion-swipe --save

API

Inputs

Input Description
collapsedHeight Minimum height of swipe drawer to be visible for user to swipe up the screen
expandedHeight Height of swipe drawer to be visible for user when the screen swiped up
toolbarHeight Height of toolbar upto which swipe drawer must be visible when the screen swiped up
expanded Initial state of swipe drawer
enableSwipe Enable or disable swipe operations by screen swipe

Outputs

Output Description
swipeStateChanged Event triggered whenever the swipe drawer state changes from open to close & vice-versa
swipeUp Event triggered whenever the swipe drawer state changes from close to open & combined with down also to have more control
swipeDown Event triggered whenever the swipe drawer state changes from open to close & combined with open also to have more control

Further help

To get more help on this library contact me over mail.

Contribution

  1. Fork the git repo ion-swipe.
  2. Apply your changes in this fork.
  3. Test for working of new functionality.
  4. Commit your changes to this fork.
  5. Raise the pull request to merge your changes with master.