@idares-ui/react

iDares UI

A collection of select accessible and customizable react UI components.

---

Table of contents

1. Available components
2. Installation
3. Usage
   • Default usage
   • Control page
   • Props
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