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

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.
listNpageInputSelectBaseProps['options']NoLista de opciones para seleccionar el número de páginas.
onChangeNPageInputSelectBaseProps['onChange']NoFunción de devolución de llamada cuando cambia el número de páginas seleccionado.
showItemPagebooleanNoIndica si se debe mostrar la paginación de ítems por página.
showNPagebooleanNoIndica 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 />