Class ZetaPagination

Pagination needs a description.

ZetaPageEvent:zeta-page-change - Fired when page change. Contains a single value in details: page: number.

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-24&node-type=canvas&m=dev

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/pagination--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaPagination

Index

Other

constructor rounded siblingCount totalPages styles currentPage getIconButton

rendering

Other

constructor

new ZetaPagination(): ZetaPagination
Returns ZetaPagination
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:504

rounded

rounded: boolean

siblingCount

siblingCount: number = 1

Number of pages on both sides of current active page.

totalPages

totalPages: number = 10

Total number of pages.

`Static`styles

styles: CSSResultGroup[] = ...

currentPage

get currentPage(): number
Current active page.

Returns number
- Defined in src/components/pagination/pagination.ts:33
set currentPage(page: number): void
Parameters
- page: number
Returns void
- Defined in src/components/pagination/pagination.ts:37

getIconButton

getIconButton(
    iconName: string,
    pageNumber: number,
    disabled: boolean,
): TemplateResult<1>
Parameters
- iconName: string
- pageNumber: number
- disabled: boolean
Returns TemplateResult<1>
- Defined in src/components/pagination/pagination.ts:94

rendering

`Protected`render

render(): TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns TemplateResult<1>
Overrides Contourable(LitElement).render
- Defined in src/components/pagination/pagination.ts:108