ema-pagination

Overall

Used to switch around numbers.

Properties

| Property | Attribute | Type | Default | Description | |-----------|-----------|----------|---------|--------------------------------------------------| | current | current | number | 1 | Currently selected page number. | | max | max | number | 1 | Max page number. | | size | size | number | 5 | How many page items to show around selected item.Prev, First, Recede, Proceed, Last and Next items are not considered. | | step | step | number | 3 | Recede and procede step value. |

Events

| Event | Type | Description | |---------------|----------------------------------|-----------------------------------------| | page-change | CustomEvent<{ page: number; }> | Fires when new page number is selected. |

CSS Custom Properties

| Property | Default | Description | |----------------------------|-----------|-------------------| | --ema-c-pagination-color | "#5289ea" | Pagination color. |

ema-pagination-item

Overall

<ema-pagination>'s item.

Properties

| Property | Attribute | Type | Default | Description | |------------|------------|------------------------------|---------|----------------------| | action | action | "prev" \| "next" \| "page" | "page" | Type of item action. | | more | more | boolean | false | More icon. | | page | page | number | 1 | Page number. | | selected | selected | boolean | false | Selected of not. |

Events

| Event | Type | Description | |------------|----------------------------------|-----------------------------------------| | next-tap | | Fires when item typed next is tapped. | | page-tap | CustomEvent<{ page: number; }> | Fires when item typed page is tapped. | | prev-tap | | Fires when item typed prev is tapped. |