Pagination Pagination
Data Display
Tier 2
Un composant pour naviguer dans plusieurs pages de contenu.
Utilisation
Constructeur de pages CMS
Ce composant est disponible sous forme de bloc pagination dans Page Builder (content/pages/*.json) :
{
"type": "pagination",
"count": 100,
"pageSize": 10
}
Propriétés
| Propriété | Type | Défaut | Description |
|---|---|---|---|
count | number | - | Nombre total d'articles. |
pageSize | number | 10 | Nombre d'éléments par page. |
defaultPage | number | 1 | La page initiale à afficher. |
| type | `'button' \ | 'link'` | 'button' | Whether to use buttons or links for navigation. |
| interactive | boolean | true | S'il faut activer l'interactivité côté client. |
Configuration du CMS
- label: Pagination
name: pagination
widget: object
fields:
- { label: Count, name: count, widget: number }
- { label: Page Size, name: pageSize, widget: number, default: 10 }
- { label: Default Page, name: defaultPage, widget: number, default: 1 }
- label: Type
name: type
widget: select
options: [button, link]
default: button
Hydratation
Niveau 2 : s'hydrate lorsque « onPageChange » est fourni ou lorsqu'il n'est pas en mode lien avec « getPageUrl ».