iron-swipeable-pages | Vaadin

Polymer Element that enables swiping between pages

Published on Build Status npm

This is a fork because the original element seems to no longer be maintained for newer Polymer versions.


<iron-swipeable-pages> is a Polymer 3 element that manages a set of pages and provides the ability to switch between them by swiping gesture.


Install the component using NPM:

$ npm install iron-swipeable-pages --save


Import Custom Element:

import 'iron-swipeable-pages/iron-swipeable-pages.js';

And then use it:

<iron-swipeable-pages selected="0">

See the Documentation for more options.

More Demos


You can also find the original creator on the Polymer Slack Channel under nickname of @MeTaNoV


Please submit your PRs to myfrom branch if you have any new feature ideas.

For best development experience, it's recommended to have Polymer CLI installed. It provides functionality such as serving element docs locally and testing framework.


Link to this version
ImportedReleased 01 October 2018MIT License
Framework Support
Polymer 3.0+
Also supported:
Polymer 1 (1.2.6)
Browser Independent
Install with
npm install @myfrom/iron-swipeable-pages"@2.0.0"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.0


  • @polymer/iron-resizable-behavior#^3.0.1
  • @polymer/iron-selector#^3.0.1
  • @polymer/polymer#^3.0.5