4
This README is automatically generated from the comments in these files:
5
iron-swipeable-container.html
7
Edit those files, and our readme bot will duplicate them over here!
8
Edit this file, and the bot will squash your changes :)
12
[![Build Status](https://travis-ci.org/PolymerElements/iron-swipeable-container.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-swipeable-container)
14
_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-swipeable-container)_
17
##<iron-swipeable-container>
20
`<iron-swipeable-container>` is a container that allows any of its nested
21
children (native or custom elements) to be swiped away. By default it supports
22
a curved or horizontal transition, but the transition duration and properties
27
<iron-swipeable-container>
28
<div>I can be swiped</div>
29
<paper-card heading="Me too!"></paper-card>
30
</iron-swipeable-container>
32
To disable swiping on individual children, you must give them the `.disable-swipe`
33
class. Alternatively, to disable swiping on the whole container, you can use its
34
`disable-swipe` attribute:
36
<iron-swipeable-container>
37
<div class="disable-swipe">I cannot be swiped be swiped</div>
38
<paper-card heading="But I can!"></paper-card>
39
</iron-swipeable-container>
41
<iron-swipeable-container disable-swipe>
42
<div>I cannot be swiped</div>
43
<paper-card heading="Me neither :("></paper-card>
44
</iron-swipeable-container>
46
It is a good idea to disable text selection on any of the children that you
50
-moz-user-select: none;
51
-ms-user-select: none;
52
-webkit-user-select: none;