All Projects → linagora → Awesome Angular Swipe

linagora / Awesome Angular Swipe

Licence: mit
This library uses $swipe then exposes a directive which allows mobile swipe feature on everything in the DOM.

Programming Languages

javascript
184084 projects - #8 most used programming language

awesome-angular-swipe

This library uses $swipe and exposes a directive which allows mobile swipe feature on everything in the DOM.

Please, take a look at our live demo. It works only for mobile device. It will do nothing on desktop (except using the dev tool to mock a mobile behavior).

Usage

You might want to take a look at the index.html file inside the example folder. The directive swipe can be used as a class or as an attribute. Then inject callbacks on right and left swipe, and template customization like so:

<div class="swipe" swipe-left="doSomething" swipe-right="doAnotherSomething" left-template="leftTemplate.html" right-template="rightTemplate.html">
  Swipe me!
</div>

Note that swipe-left and swipe-right are functions, left-template and right-template are whatever templates you want. Note that the color of the swipeable block can be modified by overriding the following CSS property: swipeable-color (default value = '#fff'; the white color from the material design base colors).

Licence

MIT

Coded with love by Linagora folks (www.linagora.com, @AwesomePaaS)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].