Die MarkeLink target opens in a new window. SBB Markenportal Logo Digitale Uhr NutzungsrechteFarben Basis-Farben Zusätzliche Farben Off-Brand FarbenAssets Icons Fahrplan-Icons PiktogrammeSprache Über UX Writing Button- und Linktexte Benachrichtigungen Formulare und Eingaben Fortschrittsanzeige Digitale Wörterliste
Einführung Über Barrierefreiheit Über diesen Guide Kontakt Weitere InformationenRollen Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Erste Schritte Was ist ein Design System? Designing Coding FAQ HilfeOrganisation Prozess Contribution KontaktMobile Übersicht Basis KomponentenLyne Übersicht Was ist Lyne? Releases Presets & Themes Design Tokens Komponenten TemplatesMaps Übersicht Basis InformationenPatterns Übersicht
Guides Power-Apps Digitale Werbebanner SAP AI Design: GrundlagenVorschriften 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.
Varianten
Zustände
Die Komponente hat folgende Zustände:
First
Middle
Last
Hover
Varianten
Standard
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code