@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!

/@architecturex/components.switcher/

    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