lion/docs/components/pagination/overview.md

parts	title	eleventyNavigation
Pagination Overview	Pagination: Overview	key order parent title Pagination: Overview 10 Pagination Overview

Pagination: Overview

A web component that handles pagination.

import { html } from '@mdjs/mdjs-preview';
import '@lion/ui/define/lion-pagination.js';

export const main = () => html` <lion-pagination count="20" current="10"></lion-pagination> `;

Features

• You can pass the total number of pages in the count parameter, and the current page in the current parameter. If current is not defined it will default to the value 1.
• On a click or parameter change of current it will fire an event back called current-changed.

Installation

npm i --save @lion/ui

import { LionPagination } from '@lion/ui/pagination.js';
// or
import '@lion/ui/define/lion-pagination.js';