Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Pagination

Übersicht

Was macht die Komponente?

  • Blättert durch eine Liste von Elementen oder Seiten.

Wann soll die Komponente eingesetzt werden?

  • Bei langen Listen von Elementen oder Seiten.

Regeln

  • Anzahl Elemente pro Seite muss kontextspezifisch definiert werden.
  • Maximal 5 Seitenzahlen werden angezeigt.
  • Tastaturbedienung
    • Die aktive Seite kann nicht angesprungen werden.
    • Tab-Reihenfolge: Pfeil zurück, erste anspringbare Seite, nächste anspringbare Seite usw., Pfeil vorwärts.
    • Die Kurzform «...» für versteckte Seiten kann nicht angesprungen werden.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • First
  • Middle
  • Last
  • Hover

Varianten

Standard

Darstellung einer Seitennummerierung

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen