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 Zusätzliche 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 Übersicht Power-Apps Digitale Werbebanner SAP AI Design: Grundlagen App Icons Sidebar-Title Info

Was macht die Komponente?

Sie ist Teil der Sidebar-Komponente.

Wann soll die Komponente eingesetzt werden?

  • Nur innerhalb der Sidebar-Komponente.
Sidebar
Demo Default
HTML in Zwischenablage kopiert.
Implementation

The sbb-sidebar-title component extends the sbb-title component.

Use it inside the sbb-sidebar
to display a header in the sidebar with a title.
The slot title-section is automatically assigned to be properly positioned on the sbb-sidebar.

<sbb-sidebar role="navigation">
  <sbb-sidebar-title>A describing title of the sidebar</sbb-sidebar-title>
</sbb-sidebar>

Style

In scenarios where the visual representation needs to be different from the semantic meaning of the title level,
it is possible to use the visualLevel property (default value: 5).

Properties

Name Attribute Privacy Type Default Description
level level public SbbTitleLevel '2' Title level
visualLevel visual-level public SbbTitleLevel | null '5' Visual level for the title.

Slots

Name Description
Use the unnamed slot for the content of the sidebar-title.