Sie ist Teil der Navigation-Komponente.
Nummer | Typ | Beschreibung | Optional | Hinweis |
---|---|---|---|---|
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 |
The sbb-navigation-link
component is an action element contained by
a sbb-navigation-list component
or a sbb-navigation-marker component.
The component is internally rendered as a link,
accepting its associated properties (href
, target
, rel
and download
).
<sbb-navigation-link href="#info" target="_blank">Link</sbb-navigation-link>
The navigation button can have an initial active state which can be set by using the class .sbb-active
.
<sbb-navigation-link class="sbb-active" href="#info" target="_blank">Link</sbb-navigation-link>
The component has three different sizes, which can be changed using the size
property (l
, which is the default, m
and s
).
<sbb-navigation-link href="#info" size="m">Link</sbb-navigation-link>
Name | Attribute | Privacy | Type | Default | Description |
---|---|---|---|---|---|
accessibilityLabel |
accessibility-label |
public | string | undefined |
This will be forwarded as aria-label to the inner anchor element. | |
connectedSection |
- | public | SbbNavigationSectionElement | undefined |
The section that is beign controlled by the action, if any. | |
download |
download |
public | boolean | undefined |
Whether the browser will show the download dialog on click. | |
href |
href |
public | string | undefined |
The href value you want to link to. | |
marker |
- | public | SbbNavigationMarkerElement | null |
The navigation marker in which the action is nested. | |
rel |
rel |
public | string | undefined |
The relationship of the linked URL as space-separated link types. | |
section |
- | public | SbbNavigationSectionElement | null |
The section in which the action is nested. | |
size |
size |
public | SbbNavigationActionSize | undefined |
'l' |
Action size variant. |
target |
target |
public | LinkTargetType | string | undefined |
Where to display the linked URL. |
Name | Description |
---|---|
Use the unnamed slot to add content to the sbb-navigation-link . |