RUI.next

Data-Display
PageIndicator

PageIndicator

PageIndicator indicates the current active page.

<PageIndicator total={10} current={1} />
<PageIndicator total={10} current={1} />

Example

Basic usage of PageIndicator component.

Simple usage
PageIndicator with Vertical mode
Customize PageIndicator
PageIndicator with White color mode

API

PropertiesDescriptionTypeDefault
totalThe total page numbernumber-
currentThe current page (counting from 0)number-
colorThe color'primary' | 'white''primary'
verticalWhether the direction mode is verticalbooleanfalse