iron-swipeable-pages

Polymer Element that enables swiping between pages

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

<iron-swipeable-pages>

<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

Install the component using NPM:

$ npm install iron-swipeable-pages --save

Usage

Import Custom Element:

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

And then use it:

<iron-swipeable-pages selected="0">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
</iron-swipeable-pages>

See the Documentation for more options.

More Demos

• Declarative

• Conditional with dom-if's

• Disabled

• Alongside (Might not work due to deprecation of paper-drawer-panel)

• Mobile

• With routing

Discussing

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

Contributing

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.

Links

• View on GitHub
• View on NPM

Compatibility