Polymer Iron Swipable Container

The iron-swipable-container is used to swap its nested children i.e. custom or native elements. The default transition is a horizontal or a curve, but you can modify the duration and properties of the transition.

You can use the following class and attribute to disable the swiping:

• disable-swipe class: It can be used to disable swiping of a single child.
• disable-swipe attribute: It can be used to disable swiping of a whole container.

Example

Open command prompt and go to your project folder to implement iron-swipable-container element by using the following command:

The above command installs iron-swipeable-container element in bower_components folder. Then you have to import it in your index.html file as shown in the following command.

Example

Output: