Ein Link ist ein interaktives Textelement, das Nutzenden zu einer anderen Seite oder Ressource navigiert.
Nummer | Typ | Beschreibung | Optional | Hinweis |
---|---|---|---|---|
1 | Text | Label | Nein |
The sbb-link-button
component provides the same functionality as a native <button>
,
despite its appearance as a link enhanced with the SBB Design.
The text is provided via an unnamed slot.
<sbb-link-button value="help"> Help </sbb-link-button>
The component can be displayed in disabled
state using the self-named property.
<sbb-link-button disabled>Refunds</sbb-link-button>
The component is internally rendered as a button,
accepting its associated properties (type
, name
, value
and form
).
<sbb-link-button name="tickets" form="buy" value="tickets">
Travel-cards and tickets
</sbb-link-button>
Name | Attribute | Privacy | Type | Default | Description |
---|---|---|---|---|---|
disabled | disabled | public | boolean | false | Whether the component is disabled. |
form | form | public | string | undefined | The | |
name | name | public | string | The name of the button element. | |
negative | negative | public | boolean | false | Negative coloring variant flag. |
size | size | public | SbbLinkSize | 's' | Text size, the link should get in the non-button variation. With inline variant, the text size adapts to where it is used. |
type | type | public | SbbButtonType | 'button' | The type attribute to use for the button. |
value | value | public | string | The value of the button element. |
Name | Description |
---|---|
Use the unnamed slot to add content to the sbb-link-button . |