@illa-design/pagination v1.3.0

Pagination

Pagination is used to show content in pages and can control the internal capacity of each page.

Installation

yarn add @illa-design/pagination

Import component

import { Pagination } from "@illa-design/pagination"

API

Pagination Basic Properties

Pagination Events

Example

Basic usage

<Pagination total={200} />

Set capacity of each page can be change

<Pagination defaultCurrent={5} total={200} sizeCanChange />

Set jumper

<Pagination total={200} showJumper />

Set Pagination's size

<Pagination size="small" total={50} showTotal showJumper sizeCanChange />

Show total number of content

<Pagination showTotal total={50} style={{ marginBottom: 20 }} />

Show all of Configuration item

<Pagination showTotal total={200} showJumper sizeCanChange />