iDares UI
A collection of select accessible and customizable react UI components.
Table of contents
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