IT Tools

Handy tools for developer

Compare Texts

WebView Playground

ReactJS Playground

Json Web Tokens

Regular Expressions

Image Crop

Color Picker

QR Code

Generate Text

Generate API Response

JSON Formatter

Number Converter

Random Wheel

Ctrl + K

Pagination

Show code

<Pagination
  current={1}
  total={10}
  siblings={1}
  showControls={true}
  variant="solid"
  onChange={setCurrentPage}
/>

Name	Description	Default	Control
total *	Total pages count	-
current *	Current page index	-
siblings	The number of siblings page is visible beside current page	1
showControls	Show prev and next buttons	false	falsetrue
variant	Theme variant of Pagination	"solid"	solid separated outline
className	Wrapper class	-	-
cellClassName	Cell class	-	-