Pagination
Pagination number
Section titled “Pagination number”Page number cell.
Variants: 3
| Property | Type / options |
|---|---|
| Number | text |
| State | Default · Hover · Active |
Pagination
Section titled “Pagination”Pagination bar for tables and lists.
Variants: 2
| Property | Type / options |
|---|---|
| Type | Page numbers · Minimal |
Do
- Show the current page and total.
- Keep Previous / Next visible.
- Use for tables over ~25 rows.
Don’t
- Don’t use for feeds.
- Don’t show more than seven numbers.
- Don’t reset the page on sorting.
Carousel dots
Section titled “Carousel dots”Slide indicator.
Variants: 2
| Property | Type / options |
|---|---|
| Style | Default · Brand |
Carousel
Section titled “Carousel”Image carousel with arrows and dots.
Variants: 4
| Property | Type / options |
|---|---|
| Type | Arrows inside · Arrows below |
| Breakpoint | Desktop · Mobile |