Skip to content
Spiral
/
/
Give feedback
Pagination
Pagination is used to divide large sets of data into manageable pages, improving performance and readability.
Box
Page 1 of 30
1
2
3
4
5
...
30
Go to page
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Show code
Fully rounded
Page 1 of 30
1
2
3
4
5
...
30
Go to page
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Show code
Ghost
Page 1 of 30
1
2
3
4
5
...
30
Go to page
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Show code
Number
Previous
Page 1 of 30
Next
Show code
Group
Page 1 of 30
1
2
3
4
5
...
30
Go to page
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Show code
API References
Prop
Type
Default
page / totalPages
number
—
onPageChange
(page: number) => void
—
variant
"box"
"fullyRounded"
"ghost"
"number"
"group"
"box"
showPageIndicator
boolean
false
showPageSelector
boolean
false
siblingCount
number
1
aria-label
string
—
className
string
" "
