PaginationItemPage
El componente PaginationItemPage es un componente que muestra una paginacion con solo los items(paginas) disponibles.
Ejemplo
Importacion
Para importar el componente PaginationItemPage, se puede hacer desde fenextjs o fenextjs-component
import {
PaginationItemPage,
PaginationItemPageProps,
} from "fenextjs/cjs/component/Pagination/PaginationItemPage";
o
import {
PaginationItemPage,
PaginationItemPageProps,
} from "fenextjs-component/cjs/Pagination/PaginationItemPage";
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. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente PaginationItemPage
<PaginationItemPage />