@ramazanncelik/react-custompagination
TypeScript icon, indicating that this package has built-in type declarations

1.2.9 • Public • Published

@ramazanncelik/react-custompagination

React Custom Pagination

Setup

You can install the package using npm or yarn:

npm i @ramazanncelik/react-custompagination react-icons

or

yarn add @ramazanncelik/react-custompagination react-icons

Usage

import { CustomPagination } from '@ramazanncelik/react-custompagination'
import { useState } from 'react';

export default function App() {

  const [currentPage, setCurrentPage] = useState(1)

  return (
    <div>
      <CustomPagination
        width={36}
        height={36}
        borderWidth={1}
        iconSize={16}
        textSize={16}
        activeBordercolor='orange'
        inActiveBordercolor='gray'
        activeBackgroundcolor='orange'
        activeTextcolor='white'
        currentPage={currentPage}
        inActiveBackgroundcolor='white'
        inActiveTextcolor='black'
        setCurrentPage={setCurrentPage}
        borderRadius={10}
        totalPage={100} />
    </div>
  );
}

/@ramazanncelik/react-custompagination/

    Package Sidebar

    Install

    npm i @ramazanncelik/react-custompagination

    Weekly Downloads

    41

    Version

    1.2.9

    License

    ISC

    Unpacked Size

    33.1 kB

    Total Files

    14

    Last publish

    Collaborators

    • ramazanncelik