Pagination
El componente Pagination permite la navegación de contenido paginado y ofrece opciones de personalización de estilo para adaptarse a diferentes diseños y temas.
Ejemplo
Importación
Para importar el componente Pagination, se puede hacer desde fenextjs
import { Pagination } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| className | string | no | '' | Clase CSS para el contenedor principal de la paginación. |
| PaginationItemPageProps | PaginationItemPageProps | sí | Objeto de configuracion para PaginationItemPage. | |
| PaginationNPageProps | PaginationNPageProps | no | {} | Objeto de configuracion para PaginationNPage. |
| paginationName | string | no | undefined | Nombre unico para el uso de usePagination. |
| showItemPage | boolean | no | true | Determina si se debe mostrar el componente de cada página en la paginación. |
| showNPage | boolean | no | true | Determina si se debe mostrar el componente de selección de número de página en la paginación. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Paginación básica
<Pagination />- Paginación con selección de número de página oculta
<Pagination showNPage={false} />- Paginación personalizada
<Pagination className="mi-clase-personalizada" />