MenuChevron Down
Pagination Pagination - Docs - Artefact

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éTypeDéfautDescription
countnumber-Nombre total d'articles.
pageSizenumber10Nombre d'éléments par page.
defaultPagenumber1La 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 ».