cosmemilton-ui/clientAcoes & navegacao

CmPagination

Use em listas e tabelas quando a paginacao fica fora do componente de dados.

Import

tsx
import { CmPagination } from "cosmemilton-ui/client";

Paginas com resumo

...
tsx
"use client";

import { useState } from "react";
import { CmPagination } from "cosmemilton-ui/client";

export default function Example() {
  const [page, setPage] = useState(3);

  return (
    <CmPagination
      page={page}
      totalPages={12}
      onChange={setPage}
      summary={"Pagina " + page + " de 12"}
    />
  );
}

API rapida

CmPagination

pagetotalPagesonChangemodesummary