Zur Navigation Zum Inhalt Kontakt Menu Komponente finden Übersicht Lyne Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Teaser-Paid Implementation

The sbb-teaser-paid is a component with a background image and a chip with a text.

<sbb-teaser-paid>
  <sbb-chip slot="chip">Label</sbb-chip>
  <sbb-image slot="image" image-src="https://path-to-source" alt="SBB CFF FFS Employee"></sbb-image>
</sbb-teaser-paid>

Slots

The sbb-teaser-paid component has two slots: the image slot, used to slot an sbb-image and the chip slot, used to slot an sbb-chip.

Properties

Name Attribute Privacy Type Default Description
href href public string | undefined The href value you want to link to.
target target public LinkTargetType | string | undefined Where to display the linked URL.
rel rel public string | undefined The relationship of the linked URL as space-separated link types.
download download public boolean | undefined Whether the browser will show the download dialog on click.

Slots

Name Description
chip Link content of the panel
image The background image that can be a sbb-image
Beispiele
Default
Open In New Window
HTML-Markup kopiert.
Komponente finden

Lyne

Impressum Kontakt Cookie Einstellungen