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 />