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

ParametroTipoRequeridoDefaultDescripcion
_tstringNoPropiedad de internacionalización.
defaultPagenumberNoPágina predeterminada a mostrar al cargar el componente.
nItemsnumberNúmero total de elementos para paginar.
nItemsPagenumberNoNúmero de elementos para mostrar por página.
disabledbooleanNoIndica si el componente está deshabilitado.
hiddenIfNItemsSmallerThanOrEqualNItemsPagebooleanNofalseOcultar la paginación si nItems es menor o igual que nItemsPage.
onChangePage(page: number) => voidNoFunció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 />