Skip to content

eioluseyi/idares-ui

Repository files navigation

iDares UI

A collection of select accessible and customizable react UI components.

Table of contents

  1. Available components
  2. Installation
  3. Usage
  4. Storybook docs

Available components
  • Pagination
  • ...

Installation

Using npm:

$ npm install @idares-ui/react

Using yarn:

$ yarn add @idares-ui/react

Usage

Default usage
import { Pagination } from "@idares-ui/react";

...
<Pagination />
...

Control page in your component
import { Pagination } from "@idares-ui/react";

...
const [page, setPage] = React.useState(1);

...
<Pagination page={page} setPage={setPage} />
...

Props and default values
Prop Type Default
page number 1
perPage number 10
count number 60
setPage function void
baseSize bsType "xl"
baseColor string null
bsType = "xs" | "sm" | "md" | "lg" | "xl" | <css-size-units>

Storybook docs

View the full Storybook documentation here