Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@samhuk/paginator

Package Overview
Dependencies
2
Maintainers
1
Versions
4
Issues
File Explorer

Advanced tools

@samhuk/paginator

Vanilla JS paginator UI component

    1.0.3latest

Version published
Maintainers
1
Yearly downloads
206

Weekly downloads

Readme

Source

paginator

A vanilla JS paginator UI component.

sc1

Usage

npm i @samhuk/paginator

import { createPaginator } from '@samhuk/paginator' const element = document.createElement('div') const paginator = createPaginator({ page: 1, itemCount: 50, pageSize: 20, pageSizeOptions: [20, 50, 100, 500], }) element.appendChild(paginator.rendered.element)

Importing Styles

There are two main ways the styles of the component can be imported into another project. One can either:

  1. import the scss entrypoint or css bundle file into your .ts or .js file. This is supported by all the main bundlers out there like webpack and esbuild as long as you have the required loader/plugin for scss or css files configured.
// Import the scss entrypoint file from the src import 'node_modules/@samhuk/paginator/src/component/styles/index.scss' // Import the css bundle file import 'node_modules/@samhuk/paginator/dist/styles.css'
  1. @import the scss entrypoint file into your scss file.
@import '[email protected]/paginator/src/component/styles/index.scss';
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc