Skip to content

Klaudeta/lit-pagination

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lit Pagination

Pagination component build using LitElement.

Description

This component has been migrated from plutonium-pagination Polymer-based component which is only distributed as a Bower package.

Usage

Installation

npm install --save lit-pagination

In an HTML file

<html>
  <head>
    <script type="module">
      import 'lit-pagination.js';
    </script>
  </head>
  <body>
    <div>
      <h3>Basic lit-pagination demo</h3>
      <lit-pagination page=1 total=101 limit=10 size=2></lit-pagination>
    </div>
  </body>
</html>

In a LitELement element

import { LitElement, html, css } from "lit-element";
import 'lit-pagination.js';

class SampleElement extends LitElement {
  render(){
    return html`
      <lit-pagination page=1 total=101 limit=10 size=2></lit-pagination>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

About

Pagination LitElement Component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published