PaginationNPage

Componente de selección de elementos por página para la paginación, permitiendo seleccionar el número de elementos a mostrar en cada página.

Para importar el componente PaginationNPage, se puede hacer desde fenextjs

import { PaginationNPage } from "fenextjs";

Parámetro	Tipo	Requerido	Default	Descripcion
className	string	no	''	Clase CSS para el contenedor principal del componente de paginación.
disabled	boolean	no	false	Deshabilita la navegación del componente si se establece en true.
paginationName	string	no	undefined	Nombre unico para el uso de usePagination.
options	number[]	no	[10, 20, 50, 100]	Lista de opciones para el número de elementos por página que se puede seleccionar.
onChange	(value: number) => void	no		Función de callback que se llama cuando cambia la opción seleccionada en el menú desplegable.

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Componente de selección de número de elementos por página con valor por defecto de 20

<PaginationNPage />

Componente de selección de número de elementos por página con clases personalizadas

<PaginationNPage className="custom-pagination-class" />

<PaginationNPage
  onChange={(value) => console.log("Elementos por página:", value)}
/>

Last updated on January 28, 2025