Navigation-List – digital.sbb.ch

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles Deutsch

English

Navigation-List

Info

Was macht die Komponente?

Sie ist Teil der Navigation-Komponente.

Wann soll die Komponente eingesetzt werden?

Nur innerhalb der Navigation-Komponente.

Übergeordnete Komponenten

Navigation-Section

Enthaltene Komponenten

Navigation-Button

Navigation-Link

Anatomie

Nummer	Typ	Beschreibung	Optional
1	Komponente	`sbb-navigation-marker`	Nein
1a	Komponente	`sbb-navigation-link` oder `sbb-navigation-button`	Nein
2	Komponente	`sbb-navigation-section`	Nein
3	Text	Label	Nein
4	Komponente	`sbb-navigation-list`	Nein
4a	Text	Label	Nein
4b	Komponente	`sbb-navigation-link` oder `sbb-navigation-button`	Nein
5	Komponente	`sbb-transparent-button`	Nein

Demo

Beispiele

Default

Slotted Label

HTML-Markup kopiert.

Implementation

The sbb-navigation-list component is a collection of sbb-navigation-button
and sbb-navigation-link.
Its intended use is inside a sbb-navigation-section component.
Optionally, a label can be provided via slot via the self-named property or the self-named slot.

<sbb-navigation-list label="Label 1.1">
  <sbb-navigation-link href="...">Label 1.1.1</sbb-navigation-link>
  <sbb-navigation-link href="...">Label 1.1.2</sbb-navigation-link>
  <sbb-navigation-button>Label 1.1.3</sbb-navigation-link>
</sbb-navigation-list>

Properties

Name	Attribute	Privacy	Type	Default	Description
`label`	`label`	public	`string \| undefined`		The label to be shown before the action list.

Slots

Name	Description
	Use the unnamed slot to add content to the `sbb-navigation-list`.
`label`	Use this to provide a label element.