@maggioli-design-system/mds-paginator
v4.2.6
Published
mds-paginator is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
Keywords
Readme
mds-paginator
This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
Properties
| Property | Attribute | Description | Type | Default |
| ------------- | -------------- | ---------------------------------------------------- | -------- | ------- |
| currentPage | current-page | Specifies the current page selected in the paginator | number | 1 |
| pages | pages | Specifies the number of total pages to be handled | number | 0 |
Events
| Event | Description | Type |
| -------------------- | ---------------------------- | -------------------------------------- |
| mdsPaginatorChange | Emits when a page is changed | CustomEvent<MdsPaginatorEventDetail> |
CSS Custom Properties
| Name | Description |
| --------------------------------- | -------------------------------------------------------- |
| --mds-paginator-background | Sets the background-color of the pages area and the item |
| --mds-paginator-scroll-behavior | Sets the scroll-behavior animation |
Dependencies
Depends on
Graph
graph TD;
mds-paginator --> mds-paginator-item
mds-paginator-item --> mds-icon
mds-paginator-item --> mds-text
style mds-paginator fill:#f9f,stroke:#333,stroke-width:4pxBuilt with love @ Gruppo Maggioli from R&D Department