@maggioli-design-system/mds-paginator

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 JavaScirpt 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

Dependencies

Depends on

• mds-paginator-item

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:4px

---

Built with love @ Gruppo Maggioli from R&D Department