Skip to content

A Polymer 2.0 based custom elements that can be used to indicate the current page in a stack of pages (iron-pages)

Notifications You must be signed in to change notification settings

PFElements/pf-pageindicator

Repository files navigation

pf-elements

A Polymer 2.0 based collection of reusable web components

Published on webcomponents.org Polymer Version Join the chat at https://gitter.im/pf-elements/Lobby

Demo

Demo and API docs ↗

PF Page Indicator.

A Polymer 2.0 based custom elements that can be used to indicate the current page in a stack of pages.

PF Elements is a collection that contains all elements listed below.

Element Name Latest Version (Bower) Npm version Build Status
pf-pageindicator GitHub version npm version Build Status

Example

<pf-pageindicator></pf-pageindicator> can be passed the number of pages (or dots) that you want to display, additionaly you can pass the style of the transition as well.

<pf-pageindicator dotstyle="dotstyle-smalldotstroke" totaldots="5"></pf-pageindicator>
<pf-pageindicator dotstyle="dotstyle-number" totaldots="5"></pf-pageindicator>

Learn more

See the list of elements, demos, and documentation by browsing this collection on webcomponents.org:


Contributing

Comments, questions, suggestions, issues, and pull requests are all welcome.

Get in touch with the team

Joing us at Join the chat at https://gitter.im/pf-elements/Lobby

Some ways to help:

  • Test the elements and provide feedback: We would love to hear your feedback on anything related to the elements, like features, API and design. The best way to start is by trying them out. And to get a quick response, either drop a question/comment on the chat or open an issue in GitHub.
  • Report bugs: File issues for the elements in their respective GitHub projects.
  • Send pull requests: If you want to contribute code, check out the development instructions below.

We encourage you to read the contribution instructions by GitHub also.

License

MIT License

Credits

Insparation for this component came from multiple sources.
https://github.com/codrops/DotNavigationStyles is one of the insperation

About

A Polymer 2.0 based custom elements that can be used to indicate the current page in a stack of pages (iron-pages)

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages