Directory

← Back

iron-swipeable-pages

Polymer Element that enables swiping between pages

Author

Rating

Popularity

<100

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.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • @polymer/iron-resizable-behavior#^3.0.1
  • @polymer/iron-selector#^3.0.1
  • @polymer/polymer#^3.0.5
Released
2018-10-01
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 3.0+
Polymer 1.0+ in 1.2.6
Browser
Browser Independent

iron-swipeable-pages - Vaadin Add-on Directory

Polymer Element that enables swiping between pages iron-swipeable-pages - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/@myfrom/iron-swipeable-pages) [![Build Status](https://img.shields.io/travis/rust-lang/rust.svg?style=flat-square)](https://travis-ci.org/myfrom/iron-swipeable-pages) [![npm](https://img.shields.io/npm/v/@myfrom/iron-swipeable-pages.svg?style=flat-square)](https://www.npmjs.com/package/@myfrom/iron-swipeable-pages) **This is a fork** because the [original element](https://github.com/GeoloeG/iron-swipeable-pages) seems to no longer be maintained for newer Polymer versions. # `` `` 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: ```sh $ npm install iron-swipeable-pages --save ``` ## Usage Import Custom Element: ```js import 'iron-swipeable-pages/iron-swipeable-pages.js'; ``` And then use it: ```html
One
Two
Three
``` See the [Documentation](https://geoloeg.github.io/iron-swipeable-pages/) for more options. ## More Demos - [Declarative](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/index.html) - [Conditional with dom-if's](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/conditional.html) - [Disabled](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/disabled.html) - [Alongside ](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/drawerpanel.html) *(Might not work due to deprecation of paper-drawer-panel)* - [Mobile](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/mobile.html) - [With routing](https://myfrom.github.io/iron-swipeable-pages/components/iron-swipeable-pages/demo/routing.html) ## Discussing You can also find the original creator on the [Polymer Slack Channel](https://polymer.slack.com/) 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](https://www.polymer-project.org/3.0/docs/tools/polymer-cli)** installed. It provides functionality such as serving element docs locally and testing framework.
Online