šŸš€ Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Sign inDemoInstall
Socket

awesome-angular-swipe

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

awesome-angular-swipe

This library uses interact.js then exposes a directive which allows mobile swipe feature on everything in the DOM.

0.0.12
latest
Source
npm
Version published
Weekly downloads
363
-22.1%
Maintainers
1
Weekly downloads
Ā 
Created
Source

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)

Keywords

swipe

FAQs

Package last updated on 13 Jun 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts