Navigieren auf digital.sbb.ch

Pagination

1. What does the component do?

  • It scrolls through a list of elements or pages.

2. When should the component be used?

  • For long lists of elements or pages.

3. Rules

  • The number of elements per page must be defined on a context-specific basis.
  • A maximum of five page numbers are shown.
  • Keyboard operation
    • the active page cannot be jumped to.
    • Tab sequence: Arrow back, first page that can be jumped to, next page that can be jumped to etc., arrow forward.
    • The short form “…” for hidden pages cannot be jumped to.

4. Variants and statuses

The component has the following statuses:

  • First
  • Middle
  • Last
  • Hover

4.1 Standard

Image of the page numbering component

Design specification

Code specification