a1a3bc73
 Luigi Serra
graphs updates
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<!---
This README is automatically generated from the comments in these files:
iron-swipeable-container.html
Edit those files, and our readme bot will duplicate them over here!
Edit this file, and the bot will squash your changes :)
-->
[](https://travis-ci.org/PolymerElements/iron-swipeable-container)
_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-swipeable-container)_
##<iron-swipeable-container>
`<iron-swipeable-container>` is a container that allows any of its nested
children (native or custom elements) to be swiped away. By default it supports
a curved or horizontal transition, but the transition duration and properties
can be customized.
Example:
<iron-swipeable-container>
<div>I can be swiped</div>
<paper-card heading="Me too!"></paper-card>
</iron-swipeable-container>
To disable swiping on individual children, you must give them the `.disable-swipe`
class. Alternatively, to disable swiping on the whole container, you can use its
`disable-swipe` attribute:
<iron-swipeable-container>
<div class="disable-swipe">I cannot be swiped be swiped</div>
<paper-card heading="But I can!"></paper-card>
</iron-swipeable-container>
<iron-swipeable-container disable-swipe>
<div>I cannot be swiped</div>
<paper-card heading="Me neither :("></paper-card>
</iron-swipeable-container>
It is a good idea to disable text selection on any of the children that you
want to be swiped:
.swipe {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
|
