react-custom-components-ui

React Custom Components

Setup

You can install the package using npm or yarn:

npm i react-custom-components-ui react-icons

or

yarn add react-custom-components-ui react-icons

Pagination Usage

import { Pagination } from 'react-custom-components-ui'
import { useState } from 'react';

export default function App() {

  const [currentPage, setCurrentPage] = useState(1)

  return (
    <div>
      <Pagination
        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>
  );
}