Pagination
The Pagination component enables the user to select a specific page from a range of pages.
Basic
<me-pagination count="10" page="1"></me-pagination>
Outlined
Rounded Shape
Sizes
Color
Disabled
API
| Attribute / Property | Type | Default | Description |
|---|
count | number | 1 | Total number of pages. |
page | number | 1 | Currently selected page. |
variant | text | outlined | text | Visual style variant. |
shape | circular | rounded | circular | Shape of page buttons. |
size | small | medium | large | medium | Size of page buttons. |
color | primary | secondary | primary | Color of the selected page. |
disabled | boolean | false | Disables all interactions. |
sibling-count | number | 1 | Number of pages on each side of current page. |
boundary-count | number | 1 | Number of pages at each end. |
hide-prev | boolean | false | Hides the previous button. |
hide-next | boolean | false | Hides the next button. |
Events
| Event | Detail | Description |
|---|
me-change | { page } | Fired when the selected page changes. |
