Name: iron-swipeable-container
Owner: PolymerElements
Description: A container that allows any of its nested children to be swiped away.
Created: 2015-11-10 03:52:11.0
Updated: 2017-11-04 17:41:15.0
Pushed: 2018-01-16 23:37:18.0
Size: 31
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
<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:
n-swipeable-container>
iv>I can be swiped</div>
aper-card heading="Me too!"></paper-card>
on-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:
n-swipeable-container>
iv class="disable-swipe">I cannot be swiped be swiped</div>
aper-card heading="But I can!"></paper-card>
on-swipeable-container>
n-swipeable-container disable-swipe>
iv>I cannot be swiped</div>
aper-card heading="Me neither :("></paper-card>
on-swipeable-container>
It is a good idea to disable text selection on any of the children that you want to be swiped:
pe {
oz-user-select: none;
s-user-select: none;
ebkit-user-select: none;
er-select: none;
rsor: default;