FEATURED CONTENT

Unsere Inhalte

Entdecken Sie unsere Fachartikel, Webinare und Trainings

Weitere Inhalte anzeigen »

Wertvolle Einblicke und Fachwissen

TeaserContent

Seiten mit Tags

Die TeaserContent-Komponente zeigt eine Liste von Seiten, Blog-Posts, Webinaren, Trainings oder Whitepapers an, die mit bestimmten Tags oder Kategorien versehen sind. Sie eignet sich besonders für die Darstellung von thematisch gruppierten Inhalten. Mit excludeIds können bestimmte Inhalte aus der Liste ausgeschlossen werden. Automatische Verlinkung: Der Weitere anzeigen Link zeigt automatisch verlinkte Content-Typ-Wörter an. Blogartikel, Webinare, Trainings und Whitepaper werden zu ihren jeweiligen Übersichtsseiten verlinkt (blog, webinare, trainings, whitepaper). Pages werden nicht verlinkt, da keine Übersichtsseite vorhanden ist. Die Verlinkung erfolgt basierend auf den in contentTypes angegebenen Typen oder automatisch bei all.

Codebeispiel

<TeaserContent
tagline="FEATURED CONTENT"
title="Unsere Inhalte"
subtitle="Entdecken Sie unsere Fachartikel, Webinare und Trainings"
information="Wertvolle Einblicke und Fachwissen"
count={4}
tags={['digital', 'transformation', 'cloud']}
categories={['finance']}
contentTypes={['page', 'post', 'webinar', 'training', 'whitepaper']}
showViewAllLink={true}
excludeIds={['cloud-end-to-end', 'daten-und-ai']}
>
<Fragment slot="bg">
  <div class="absolute inset-0 bg-slate-100 dark:bg-slate-900"></div>
</Fragment>
</TeaserContent>

Parameter

BezeichnerTypBeschreibungDefault
taglinestringTagline-Text, der oberhalb des Titels angezeigt wird (typischerweise in GroĂźbuchstaben)-
titlestringTitel der Komponente-
subtitlestringUntertitel der Komponente-
informationstringZusätzliche Informationen-
countnumberMaximale Anzahl der anzuzeigenden Inhalte4
tagsstring[]Liste von Tags zum Filtern der Inhalte[]
categoriesstring[]Liste von Kategorien zum Filtern der Inhalte[]
contentTypesarrayTypen der anzuzeigenden Inhalte (page, post, blog, webinar, training, whitepaper, all)['all']
showViewAllLinkbooleanLink zu allen Inhalten anzeigentrue
excludeIdsstring[]IDs der Inhalte, die aus der Liste ausgeschlossen werden sollen[]
idstringWidget-ID fĂĽr Anchors-
isDarkbooleanDunkles Designfalse
classesobjectZusätzliche CSS-Klassen{}

Fragments

BezeichnerBeschreibungDefault
titleSlot fĂĽr den Titel
informationSlot für zusätzliche Informationen
bgBenutzerdefinierter Hintergrund (Slot)
Wiki-Dokumentation Quellcode

Unsere Webinare

Live-Events und On-Demand-Aufzeichnungen

Weitere Webinare anzeigen »

Bleiben Sie auf dem Laufenden mit unseren Webinaren

Nur Webinare

Webinar-Content-Typ

Beispiel fĂĽr die Verwendung von TeaserContent mit nur Webinaren als Content-Typ.

Codebeispiel

<TeaserContent
title="Unsere Webinare"
subtitle="Live-Events und On-Demand-Aufzeichnungen"
information="Bleiben Sie auf dem Laufenden mit unseren Webinaren"
count={4}
contentTypes={['webinar']}
showViewAllLink={true}
/>
Wiki-Dokumentation Quellcode

Unsere Blog-Artikel

Neueste Artikel und Insights

Weitere Blogartikel anzeigen »

Bleiben Sie auf dem Laufenden mit unseren neuesten Blog-Artikeln

Blog
Grundlagen von Cloud Computing

Grundlagen von Cloud Computing

Cloud Computing verständlich erklärt: Modelle, Vorteile und Best Practices für Migration, Sicherheit und Kostenoptimierung in modernen IT‑Landschaften.

Nur Blog-Artikel

Blog-Content-Typ

Beispiel fĂĽr die Verwendung von TeaserContent mit nur Blog-Posts als Content-Typ.

Codebeispiel

<TeaserContent
title="Unsere Blog-Artikel"
subtitle="Neueste Artikel und Insights"
information="Bleiben Sie auf dem Laufenden mit unseren neuesten Blog-Artikeln"
count={4}
contentTypes={['post']}
showViewAllLink={true}
linkUrl="/blog"
/>
Wiki-Dokumentation Quellcode

Unsere Trainings

Schulungen und Weiterbildungen

Weitere Trainings anzeigen »

Entdecken Sie unsere Trainingsangebote

Training
AWS Cloud Practitioner

AWS Cloud Practitioner

Grundlagen von Amazon Web Services (AWS), Architektur, Sicherheitsprinzipien und Abrechnung.

Nur Trainings

Training-Content-Typ

Beispiel fĂĽr die Verwendung von TeaserContent mit nur Trainings als Content-Typ.

Codebeispiel

<TeaserContent
title="Unsere Trainings"
subtitle="Schulungen und Weiterbildungen"
information="Entdecken Sie unsere Trainingsangebote"
count={4}
contentTypes={['training']}
showViewAllLink={true}
/>
Wiki-Dokumentation Quellcode

Unsere Whitepaper

Fachartikel und Best Practices

Weitere Whitepaper anzeigen »

Entdecken Sie unsere Whitepaper

Nur Whitepaper

Whitepaper-Content-Typ

Beispiel fĂĽr die Verwendung von TeaserContent mit nur Whitepapers als Content-Typ.

Codebeispiel

<TeaserContent
title="Unsere Whitepaper"
subtitle="Fachartikel und Best Practices"
information="Entdecken Sie unsere Whitepaper"
count={4}
contentTypes={['whitepaper']}
showViewAllLink={true}
/>
Wiki-Dokumentation Quellcode

Alle Inhalte

Seiten, Blog-Posts, Webinare und Trainings

Weitere Blogartikel, Webinare, Trainings und Whitepaper anzeigen »

Eine Ăśbersicht ĂĽber alle verfĂĽgbaren Inhalte

Gemischte Inhalte

Alle Content-Typen

Beispiel fĂĽr die Verwendung von TeaserContent mit mehreren Content-Typen gleichzeitig.

Codebeispiel

<TeaserContent
title="Alle Inhalte"
subtitle="Seiten, Blog-Posts, Webinare und Trainings"
information="Eine Ăśbersicht ĂĽber alle verfĂĽgbaren Inhalte"
count={6}
contentTypes={['page', 'post', 'webinar', 'training', 'whitepaper']}
showViewAllLink={true}
/>
Wiki-Dokumentation Quellcode

FEATURED CONTENT

Unsere Highlights

Die besten Inhalte aus unserem Portfolio

Weitere Blogartikel und Webinare anzeigen »

Entdecken Sie unsere ausgewählten Inhalte

Mit Tagline

Tagline-UnterstĂĽtzung

Beispiel fĂĽr die Verwendung von TeaserContent mit einer Tagline oberhalb des Titels.

Codebeispiel

<TeaserContent
tagline="FEATURED CONTENT"
title="Unsere Highlights"
subtitle="Die besten Inhalte aus unserem Portfolio"
information="Entdecken Sie unsere ausgewählten Inhalte"
count={4}
contentTypes={['post', 'webinar']}
showViewAllLink={true}
/>
Wiki-Dokumentation Quellcode