Polymer Iron Swipeable Container

by Online Tutorials Library July 14, 2022

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.

  <link rel = “import” href=”../iron-swipable-container/iron-swipable-container.html”>  

Example

  <!DOCTYPE html>  <html>     <head>        <title>iron-swipable-container</title>        <base href = https://polygit.org/polymer+1.4.0/components/”>        <script src = webcomponentsjs/webcomponents-lite.min.js”></script>        <link rel = import” href = polymer/polymer.html”>        <link rel = import” href = iron-swipeable-container/iron-swipeable-container.html”>        <style>           .content {              background-color: LightGrey;              width: 16%;              padding: 10px 10px 10px 10px;            }        </style>     </head>     <body>        <h2>Iron-Swipable-Container Example</h2>        <iron-swipeable-container>           <div class = content”>Swipe me left or right</div>        </iron-swipeable-container>     </body>  </html>  

Output:

Next TopicPaper Elements

Polymer Iron Swipeable Container

Polymer Iron Swipable Container

Example

Example

Apache Pig UNION Operator

PostgreSQL BIGINT

You may also like