Pagination

Permite mostrar contenido de forma gradual. Este componente esta incluido por defecto en algunos componentes como las tablas.

...

Utilización

import { Pagination } from "firefly-components/pagination";
                        
<Pagination
    currentPage={currentPage}
    siblingCount={2}
    totalPages={10}
    handlePageChange={(page) => setCurrentPage(page)}
/>

Props

currentPageRecibe un número entero que representa la página actualmente activa. Utiliza un índice basado en 1 en lugar de un índice tradicional basado en 0.
totalPagesRecibe un número entero que especifica la cantidad total de páginas disponibles.
siblingCountRecibe un número entero que representa el número mínimo de botones de página que se mostrarán a cada lado del botón de página actualmente activo. Si no se especifica, su valor predeterminado es 1.
handlePageChangeRecibe una función que será invocada cuando se haga clic en alguno de los botones de página o en los botones de siguiente y atras. Esta funcion recibira por parametros la nueva pagina a cambiar.