Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pfelements/pf-pageindicator
A Polymer 2.0 based custom elements that can be used to indicate the current page in a stack of pages (iron-pages)
https://github.com/pfelements/pf-pageindicator
custom-elements polymer polymer-element polymer2 webcomponent webcomponents
Last synced: about 1 month ago
JSON representation
A Polymer 2.0 based custom elements that can be used to indicate the current page in a stack of pages (iron-pages)
- Host: GitHub
- URL: https://github.com/pfelements/pf-pageindicator
- Owner: PFElements
- Created: 2017-03-27T11:36:52.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-02T22:53:50.000Z (over 7 years ago)
- Last Synced: 2024-11-17T19:46:42.834Z (about 2 months ago)
- Topics: custom-elements, polymer, polymer-element, polymer2, webcomponent, webcomponents
- Language: HTML
- Homepage: https://www.webcomponents.org/element/PFElements/pf-pageindicator
- Size: 9.09 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# pf-elements
A Polymer 2.0 based collection of reusable web components
[](https://www.webcomponents.org/element/PFElements/pf-pageindicator)
[](https://www.polymer-project.org)
[](https://gitter.im/pf-elements/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
## Demo
[Demo and API docs ↗](https://www.webcomponents.org/element/PFElements/pf-pageindicator/demo/demo/index.html)
# 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](https://github.com/PFElements/pf-pageindicator) | [](https://badge.fury.io/gh/PFElements%2Fpf-pageindicator) | [](https://www.npmjs.com/package/pf-pageindicator) |[](https://travis-ci.org/PFElements/pf-pageindicator) |
## Example
`` 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.
```html
```
```html
```
## Learn more
See the list of elements, demos, and documentation by browsing this collection on webcomponents.org:
### [Take me to webcomponents.org ›](https://www.webcomponents.org/element/PFElements/pf-pageindicator)
---
## Contributing
Comments, questions, suggestions, issues, and pull requests are all welcome.
### Get in touch with the team
Joing us at [](https://gitter.im/pf-elements/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
- [Twitter](Follow @polymerio)
- [Facebook] (https://www.facebook.com/polymerjs)
- [Google+] (https://plus.google.com/116168214823506639166)
- [YouTube] (https://www.youtube.com/channel/UCDKqvDyAn_QTBvCPvrZKTkw)
### 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](https://guides.github.com/activities/contributing-to-open-source/#contributing) also.
## License
MIT License
## Credits
Insparation for this component came from multiple sources.
https://github.com/codrops/DotNavigationStyles is one of the insperation