Polymer Element that enables swiping between pages

Published on webcomponents.org Build Status npm

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

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.

Install

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

Dependencies

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