Pagination
El componente Pagination es un componente que muestra una paginacion.
Ejemplo
Importacion
Para importar el componente Pagination, se puede hacer desde fenextjs o fenextjs-component
import { Pagination, PaginationProps } from "fenextjs/cjs/component/Pagination";
o
import { Pagination, PaginationProps } from "fenextjs-component/cjs/Pagination";
Parametros
Parametro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
_t | string | No | Propiedad de internacionalización. | |
defaultPage | number | No | Página predeterminada a mostrar al cargar el componente. | |
nItems | number | Sí | Número total de elementos para paginar. | |
nItemsPage | number | No | Número de elementos para mostrar por página. | |
disabled | boolean | No | Indica si el componente está deshabilitado. | |
hiddenIfNItemsSmallerThanOrEqualNItemsPage | boolean | No | false | Ocultar la paginación si nItems es menor o igual que nItemsPage . |
onChangePage | (page: number) => void | No | Función de devolución de llamada que se llama cuando cambia la página. | |
listNpage | InputSelectBaseProps['options'] | No | Lista de opciones para seleccionar el número de páginas. | |
onChangeNPage | InputSelectBaseProps['onChange'] | No | Función de devolución de llamada cuando cambia el número de páginas seleccionado. | |
showItemPage | boolean | No | Indica si se debe mostrar la paginación de ítems por página. | |
showNPage | boolean | No | Indica si se debe mostrar la paginación del número de páginas. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente Pagination
<Pagination />