Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English 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
Auf Storybook ausprobieren HTML einblenden
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.
Contact

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum Contact Protection des données Paramètres des cookies