@maggioli-design-system/mds-paginator NPM

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

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

@maggioli-design-system/mds-paginator-item @maggioli-design-system/styles @stencil/core

@infinitebrahmanuniverse/nolb-_mag @everything-registry/sub-chunk-571 @zalastax/nolb-_mag

7 months ago

8 months ago

6 months ago

9 months ago