Playground GitHub npm

Pagination

Prev / page-numbers / next with active highlight.

ui navigation

Preview

Installation

npx slintcn@latest add pagination

Usage

import { Pagination } from "slintcn/components/pagination.slint";

Pagination { total: 5; current <=> page; changed(p) => { /* … */ } }

Properties

total in int

Total number of pages (1-based count).

current in-out int

Two-way; the active page (0-indexed internally).

changed callback (int)

Fired with the new page index on click.

API

Accessibility
focusableyes
keyboardEnter

Dependencies

iconlucide-paths

Installed automatically as transitive dependencies of slintcn add pagination.