Navigation / COMPONENT

Pagination

Web · implementedDesktop · preview

Kontrol perpindahan halaman untuk list panjang.

import { Pagination } from "./vendor/syne-ui/index.js";TypeScript ready

Page 1 of 12

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Pagination } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Pagination defaultPage={2} totalPages={12} onChange={(page) => console.log(page)} />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.