Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu MapsTrouver un composant
Basics
More Info
Copyright
More Info
Layer Menu
More Info
Level Menu
More Info
Localization
More Info
Zoom
Components
More Info
Carousel
More Info
Map-Marker
More Info
Pop-Up
More Info
Routing
More Info
Sidebar
PrincipesBasesAccessibilitéSystème de designGuidelinesDeutschFrançaisItalianoEnglishNos principes de designCentré sur l’utilisateurReconnaissableInclusifMinimalisteHolistiqueAuto-explicatifAxé sur les tâchesAppropriéPortail de la marque CFFLogoHorloge numériqueDroits d’utilisationCouleurs de baseCouleurs fonctionnellesCouleurs off-brandIcônesIcônes de l’horairePictogrammesÀ propos de l’accessibilitéÀ propos de ce guideContactInformations complémentairesProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?ConceptionDévelopperFAQAideProcèsContributionContactAperçuBaseComposantsOverviewReleasesDesign TokensComposantsAperçuBaseInformationsAperçuBaseComposantsSens & objectifCommunity AssetsInstructionsPower-AppsBandeaux publicitaires numériquesSAPIcônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles DeutschSidebar Übersicht
Verwendung
Sind zu einem Map Marker zusätzliche Informationen vorhanden, können diese in einer Sidebar dargestellt werden.
Regeln
Die Sidebar erscheint am linken Rand und entspricht der Kartenhöhe. Bei kleinen Screens wird der Inhalt in einer Box am unteren Bildrand dargestellt - analog Pop-Up und Cards. Die Höhe ist nicht beschränkt.
Ein Kreuz in der oberen rechte Ecke ermöglicht die Schliessung der Sidebar.
Wird ein weiterer Marker ausgewählt, bleibt die Sidebar geöffnet und der Inhalt wird ersetzt.
Zustände und Varianten
Varianten
Die Komponente hat folgende Varianten:
Mode: Light/Dark
Breakpoint: Mobile/Dekstop
Desktop
Mobile
ImpressumContactProtection des donnéesParamètres des cookies