<vcf-paginator> is a Web Component providing an easy way to display a full functioning paginator on a webpage.
Add <vcf-paginator>
component to page. Set total-pages
and current-page
attributes for the component.
<vcf-paginator id="my-paginator" total-pages="15" current-page="4">
</vcf-paginator>
This components is distributed as Bower packages.
Install vcf-paginator
:
bower i vaadin/vcf-paginator --save
Once installed, import it in your application:
<link rel="import" href="bower_components/vcf-paginator/vcf-paginator.html">
Vaadin components use the Lumo theme by default.
-
src/vcf-paginator.html
Unstyled component.
-
theme/lumo/vcf-paginator.html
Component with Lumo theme.
-
vcf-paginator.html
Alias for theme/lumo/vcf-paginator.html
-
Fork the
vcf-paginator
repository and clone it locally. -
Make sure you have npm installed.
-
When in the
vcf-paginator
directory, runnpm install
and thenbower install
to install dependencies. -
Run
polymer serve --open
, browser will automatically open the component API documentation. -
You can also open demo or in-browser tests by adding demo or test to the URL, for example:
- http://127.0.0.1:8080/components/vcf-paginator/demo
- http://127.0.0.1:8080/components/vcf-paginator/test
- When in the
vcf-paginator
directory, runpolymer test
We are using ESLint for linting JavaScript code. You can check if your code is following our standards by running gulp lint
, which will automatically lint all .js
files as well as JavaScript snippets inside .html
files.
- Make sure your code is compliant with our code linters:
gulp lint
- Check that tests are passing:
polymer test
- Submit a pull request with detailed title and description
- Wait for response from one of Vaadin components team members
This Add-on is distributed under Apache 2.0
Component Factory Paginator is written by Vaadin Ltd.
Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing