elm-hammer-events
=================
Detection of touch/gesture events generated by the [Hammer.js](https://hammerjs.github.io) Javascript library.
You can detect the following categories of gestures: tap, swipe, rotate, press, pinch and pan.
Set-up
------
Download Hammer.js from here:
https://hammerjs.github.io/dist/hammer.min.js
In your index.html `` section, add:
Then you need to add one line of Javascript just after creating your Elm app:
var hammertime = new Hammer(yourElmNode, {domEvents: true});
Here's a full example of `index.html` where your Elm application takes a single node of the page (typically you would create this kind of app using [Browser.element](https://package.elm-lang.org/packages/elm/browser/latest/Browser#element)):
Another example, this time your Elm application takes up the whole body of the HTML document (typically you would create that kind of app using [Browser.document](https://package.elm-lang.org/packages/elm/browser/latest/Browser#document)):
Usage in your Elm application
-----------------------------
The library provides event handler HTML attributes such as `onTap`, `onSwipe`, `onSwipeLeft`, `onSwipeRight`, `onRotate`, `onPinch` etc... These all have the signature:
(HammerEvent -> msg) -> Attribute msg
and you can use them in a similar way as the usual events handler HTML attributes such as `onClick` or `onInput`.