@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>
  );
}