@architecturex/components.switcher
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

@architecturex/components.pagination

Pagination

A flexible and customizable pagination component for React applications.

Installation

npm install @architecturex/components.pagination

Features

  • Supports various color themes: 'primary', 'secondary', 'danger', 'warning', and 'success'.
  • Customizable rows per page.
  • Adjustable href for pagination links.
  • Efficient rendering by only showing necessary pages in the viewport.

Usage

import Pagination from '@architecturex/components.pagination'

function App() {
  return <Pagination href="/page/" page={1} total={50} color="primary" />
}

Props

  • color (Optional): Set the color theme of the pagination. Choices are 'primary', 'secondary', 'danger', 'warning', or 'success'. Default is 'primary'.
  • page: Current page number. Starts at 0.
  • total: Total number of items.
  • rowsPerPage (Optional): Number of rows/items per page. Default is 10.
  • href: Base URL for the pagination links.

Contribution

Feel free to suggest improvements, report issues, or contribute to enhancing this component. Your feedback and contributions are welcome!

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.1.01latest

Version History

VersionDownloads (Last 7 Days)Published
1.1.01
1.0.180
1.0.170
1.0.160
1.0.150
1.0.140
1.0.130
1.0.120
1.0.110
1.0.100
1.0.90
1.0.81
1.0.71
1.0.61
1.0.51
1.0.40
1.0.30
1.0.20
1.0.10
1.0.00

Package Sidebar

Install

npm i @architecturex/components.switcher

Weekly Downloads

5

Version

1.1.0

License

MIT

Unpacked Size

10.6 kB

Total Files

11

Last publish

Collaborators

  • architecturex