Inhaltselemente

Alle anzeigen

Blog

AuthorsList Komponente

AuthorsList

AuthorsList-Komponente – Die AuthorsList-Komponente zeigt eine Liste von Autor:innen für Blog-Posts oder Whitepaper an.

Ansehen
BlogCard Komponente

BlogCard

BlogCard-Komponente – Die BlogCard-Komponente zeigt eine kompakte Karte für einen Blog-Post an.

Ansehen
BlogFilter Komponente

BlogFilter

BlogFilter-Komponente – Einklappbare Tag-Filterleiste für die Blog-Übersicht und Tag-Seiten mit lokaler Speicherung des Auf-/Zu-Status.

Ansehen
PageGrid Komponente

PageGrid

PageGrid-Komponente – Die PageGrid-Komponente zeigt eine Grid-Ansicht von Seiten an.

Ansehen
PageGridItem Komponente

PageGridItem

PageGridItem-Komponente – Die PageGridItem-Komponente zeigt ein einzelnes Item in einem Grid an.

Ansehen
PostContent Komponente

PostContent

PostContent-Komponente – Die PostContent-Komponente rendert den Inhalt eines Blog-Posts.

Ansehen
PostFooter Komponente

PostFooter

PostFooter-Komponente – Die PostFooter-Komponente zeigt verwandte Artikel am Ende eines Blog-Posts an.

Ansehen
PostHeader Komponente

PostHeader

PostHeader-Komponente – Die PostHeader-Komponente zeigt den Header eines Blog-Posts mit Titel, Bild, Autoren und Tags an.

Ansehen
SeriesNav Komponente

SeriesNav

SeriesNav-Komponente – Die SeriesNav-Komponente zeigt eine Navigation für eine Artikel-Serie an.

Ansehen

Common

AstroIcon Komponente

AstroIcon

AstroIcon-Komponente – Die AstroIcon-Komponente stellt einfache SVG-Icons bereit.

Ansehen
Debug Komponente

Debug

Debug-Komponente – Die Debug-Komponente zeigt Debug-Informationen in der Entwicklungsumgebung an.

Ansehen
FeedbackButtonCompact Komponente

FeedbackButtonCompact

FeedbackButtonCompact – Kompakter Icon-Button für „Problem melden“ (z. B. in der Navigation), gleiche GitHub-Issue-Logik wie das große Feedback-Widget.

Ansehen
Image Komponente

Image

Bild-Komponente – Die Image-Komponente dient zur einfachen Einbindung und Optimierung von Bildern auf der Website.

Ansehen
LegalNoticeModal Komponente

LegalNoticeModal

LegalNoticeModal – Modal mit Datenschutzerklärung; Inhalt per Fetch von /legal-notice/embed, Öffnen per data-open-legal-notice-modal.

Ansehen
Metadata Komponente

Metadata

Meta-Komponente – Die Metadata-Komponente ermöglicht das Hinzufügen von erweiterten Metadaten wie Open Graph und Twitter Cards.

Ansehen
SocialShare Komponente

SocialShare

Social Sharing-Komponente – Die SocialShare-Komponente ermöglicht das einfache Teilen von Inhalten auf sozialen Netzwerken.

Ansehen
TextGrid Komponente

TextGrid

TextGrid-Komponente – Die TextGrid-Komponente zeigt Text in einem mehrspaltigen Grid-Layout an.

Ansehen
ToggleTheme Komponente

ToggleTheme

Theme-Umschalter – Die ToggleTheme-Komponente ermöglicht das Umschalten zwischen verschiedenen Farbschemata (z.B. Light/Dark Mode).

Ansehen
UsercentricsCmp Komponente

UsercentricsCmp

UsercentricsCmp – Injiziert den Usercentrics-CMP (Cookie-Banner) und optional den Autoblocker; gehört als erstes in den head.

Ansehen
Video-Komponenten Komponente

Video-Komponenten

Video-Komponenten für responsive und ansprechende Video-Einbettungen - VideoEmbed für einzelne Videos und VideoGallery für Video-Sammlungen.

Ansehen

Forms

Form Komponente

Form

Die Form-Komponente bietet ein vollständiges Kontaktformular mit verschiedenen Feldern und Validierung. Sie kann für verschiedene Zwecke wie Newsletter-Anmeldung, Kontaktaufnahme oder Feedback verwendet werden.

Ansehen
FormContact Komponente

FormContact

Kontakt-Komponente – Die FormContact-Komponente stellt ein Kontaktformular oder Kontaktmöglichkeiten bereit.

Ansehen
FormTrainingRegistration Komponente

FormTrainingRegistration

Die TrainingRegistrationForm-Komponente stellt ein Anfrageformular für Trainings bereit.

Ansehen
FormWebinarRegistration Komponente

FormWebinarRegistration

Die FormWebinarRegistration-Komponente stellt ein Registrierungsformular für Webinar-Aufzeichnungen bereit.

Ansehen
FormWhitepaperRequest Komponente

FormWhitepaperRequest

Whitepaper Request Form – A compact inline form component for requesting whitepapers.

Ansehen

People

Person Komponente

Person

Person-Komponente – Die Person-Komponente zeigt eine Personenseite mit Avatar, Informationen und Skills an.

Ansehen
PersonContent Komponente

PersonContent

PersonContent-Komponente – Die PersonContent-Komponente zeigt den vollständigen Inhalt einer Personenseite an.

Ansehen

References

ReferenzenCard Komponente

ReferenzenCard

Einzelkarte einer Referenz

Ansehen
ReferenzenEmptyState Komponente

ReferenzenEmptyState

Platzhalter wenn keine Referenzen vorhanden sind

Ansehen
ReferenzenFilter Komponente

ReferenzenFilter

Kategorien-Filter für die Referenzenliste

Ansehen
ReferenzenGrid Komponente

ReferenzenGrid

Rasteranzeige für Referenzen

Ansehen
ReferenzenSection Komponente

ReferenzenSection

Container-Sektion für Referenzen-Seiten

Ansehen

Root

CustomStyles Komponente

CustomStyles

CustomStyles – Globale Theme-CSS-Variablen (Astrowind), Inter Variable, Light/Dark-Farben; einmal im head einbinden.

Ansehen
EditLink Komponente

EditLink

EditLink – „Edit“-Links im Starlight-Stil (GitHub + Astro-i18n-Guide), nur sichtbar wenn editUrl gesetzt ist.

Ansehen
Logo Komponente

Logo

Logo-Komponente – Die Logo-Komponente zeigt das Thinkport-Logo an.

Ansehen

Training

TrainingCard Komponente

TrainingCard

TrainingCard-Komponente – Die TrainingCard-Komponente zeigt eine Karte für ein Training an.

Ansehen
TrainingDates Komponente

TrainingDates

Trainingstermine – Die TrainingDates-Komponente listet die nächsten Termine und Veranstaltungsorte eines Trainings auf.

Ansehen
TrainingFAQs Komponente

TrainingFAQs

Trainings-FAQs – Die TrainingFAQs-Komponente beantwortet häufig gestellte Fragen rund um das Training.

Ansehen
TrainingLearningOutcomes Komponente

TrainingLearningOutcomes

Lernziele – Die TrainingLearningOutcomes-Komponente listet die Lernziele eines Trainings auf und eignet sich besonders, um Teilnehmenden einen Überblick über die zu erwartenden Kompetenzen zu geben.

Ansehen
TrainingOverview Komponente

TrainingOverview

Trainingsübersicht – Die TrainingOverview-Komponente gibt einen Überblick über die wichtigsten Eckdaten eines Trainings.

Ansehen
TrainingRegistrationForm Komponente

TrainingRegistrationForm

TrainingRegistrationForm-Komponente – Die TrainingRegistrationForm-Komponente zeigt ein Registrierungsformular für Trainings an.

Ansehen
TrainingSchedule Komponente

TrainingSchedule

Trainingsplan – Die TrainingSchedule-Komponente stellt den zeitlichen Ablauf und die Themen eines Trainings dar.

Ansehen
TrainingTargetGroup Komponente

TrainingTargetGroup

Zielgruppe – Die TrainingTargetGroup-Komponente beschreibt, für wen das Training besonders geeignet ist.

Ansehen
TrainingTeaser Komponente

TrainingTeaser

TrainingTeaser-Komponente – Die TrainingTeaser-Komponente zeigt eine Teaser-Ansicht von Trainings an.

Ansehen
TrainingTeaserCard Komponente

TrainingTeaserCard

TrainingTeaserCard-Komponente – Die TrainingTeaserCard-Komponente zeigt eine kompakte Karte für ein Training in einer Teaser-Ansicht an.

Ansehen

Ui

Avatar Komponente

Avatar

Avatar-Komponente – Die Avatar-Komponente zeigt Benutzer-Avatare mit verschiedenen Größen und Optionen an.

Ansehen
AvatarVideo Komponente

AvatarVideo

AvatarVideo-Komponente – Die AvatarVideo-Komponente ist ein Wrapper für Video-Wiedergabe in Avatar-Komponenten.

Ansehen
Background Komponente

Background

Hintergrund-Komponente – Die Background-Komponente ermöglicht die Gestaltung von Sektionen mit speziellen Hintergründen oder Farbverläufen.

Ansehen
Badge Komponente

Badge

Badge-Komponente – Kleine Markierungen für Labels, Kategorien oder Stati. Unterstützt Varianten, Größen, Rundungen und Links.

Ansehen
Button Komponente

Button

Schaltflächen – Die Button-Komponente bietet verschiedene Varianten von Schaltflächen für Interaktionen und unterstützt unterschiedliche Stile, Icons sowie die Nutzung als Button oder Link.

Ansehen
Card Komponente

Card

Karten-Komponente – Die Card-Komponente dient zur Darstellung von Inhalten in einem abgesetzten Bereich und eignet sich besonders für die Hervorhebung von Informationen, Aktionen oder Medien.

Ansehen
DListItem Komponente

DListItem

Beschreibungsliste – Die DListItem-Komponente simuliert eine HTML-Beschreibungsliste (dl) und eignet sich besonders für die strukturierte Darstellung von Begriffserklärungen oder Eigenschaftslisten.

Ansehen
Headline Komponente

Headline

Überschriften-Komponente – Die Headline-Komponente dient als Überschrift oder Titel für einen Abschnitt oder eine Seite.

Ansehen
ItemGrid Komponente

ItemGrid

Grid-Komponente – Die ItemGrid-Komponente zeigt eine Sammlung von Elementen in einem Rasterlayout an.

Ansehen
ItemGrid2 Komponente

ItemGrid2

Grid-Komponente (Variante) – Die ItemGrid2-Komponente ist eine erweiterte Variante für Rasterlayouts.

Ansehen
PlayerLottie Komponente

PlayerLottie

PlayerLottie-Komponente – Wrapper für Lottie-Animationen mit dem @lottiefiles/lottie-player Web Component.

Ansehen
Timeline Komponente

Timeline

Timeline-Komponente – Die Timeline-Komponente stellt Ereignisse oder Meilensteine in chronologischer Reihenfolge dar.

Ansehen
Tooltip Komponente

Tooltip

Tooltip-Komponente – Die Tooltip-Komponente zeigt zusätzliche Informationen beim Überfahren eines Elements an.

Ansehen
WidgetWrapper Komponente

WidgetWrapper

Widget-Container – Die WidgetWrapper-Komponente dient als Container für andere UI-Elemente oder Widgets.

Ansehen

Webinar

WebinarAgenda Komponente

WebinarAgenda

WebinarAgenda-Komponente – Die WebinarAgenda-Komponente zeigt die Agenda eines Webinars an.

Ansehen
WebinarCalendar Komponente

WebinarCalendar

WebinarCalendar-Komponente – Die WebinarCalendar-Komponente zeigt einen Kalender mit kommenden Live-Webinaren an.

Ansehen
WebinarCard Komponente

WebinarCard

WebinarCard-Komponente – Die WebinarCard-Komponente zeigt eine Karte für ein Webinar an.

Ansehen
WebinarFAQs Komponente

WebinarFAQs

WebinarFAQs-Komponente – Die WebinarFAQs-Komponente zeigt häufig gestellte Fragen zu einem Webinar an.

Ansehen
WebinarKeyTakeaways Komponente

WebinarKeyTakeaways

WebinarKeyTakeaways-Komponente – Die WebinarKeyTakeaways-Komponente zeigt die wichtigsten Erkenntnisse eines Webinars an.

Ansehen
WebinarLiveTeaser Komponente

WebinarLiveTeaser

WebinarLiveTeaser-Komponente – Die WebinarLiveTeaser-Komponente zeigt einen Teaser für ein kommendes Live-Webinar mit Countdown an.

Ansehen
WebinarRegistrationWithAgenda Komponente

WebinarRegistrationWithAgenda

WebinarRegistrationWithAgenda-Komponente – Die WebinarRegistrationWithAgenda-Komponente zeigt ein Registrierungsformular mit Agenda für ein Webinar an.

Ansehen
WebinarTeaser Komponente

WebinarTeaser

WebinarTeaser-Komponente – Die WebinarTeaser-Komponente zeigt eine Teaser-Ansicht von Webinaren an.

Ansehen

Whitepaper

WhitepaperEmptyState Komponente

WhitepaperEmptyState

Empty State für Whitepaper-Listen

Ansehen
WhitepaperFilter Komponente

WhitepaperFilter

Tag-Filter für Whitepaper-Übersicht

Ansehen
WhitepaperList Komponente

WhitepaperList

Liste von Whitepaper-Einträgen

Ansehen
WhitepaperListItem Komponente

WhitepaperListItem

Einzelner Listeneintrag für ein Whitepaper

Ansehen
WhitepaperTags Komponente

WhitepaperTags

Tag-Anzeige für Whitepaper

Ansehen

Widgets

Accordion Komponente

Accordion

Accordion-Komponente – Die Accordion-Komponente zeigt aufklappbare Bereiche mit Fragen und Antworten an.

Ansehen
Announcement Komponente

Announcement

Ankündigung – Die Announcement-Komponente dient dazu, wichtige Ankündigungen oder Nachrichten prominent auf einer Seite darzustellen. Sie eignet sich besonders für zeitlich begrenzte Hinweise, Updates oder Breaking News.

Ansehen
AuthorsList Komponente

AuthorsList

Zeigt eine dezente Liste der Autor:innen eines Blogartikels mit Namen, Beschreibung und Bild, basierend auf den Personenstammdaten.

Ansehen
Avatar Komponente

Avatar

Avatar-Komponente – rundes Profilbild mit animiertem Hintergrundkreis.

Ansehen
BlogHighlightedPosts Komponente

BlogHighlightedPosts

Bestimmte Blogartikel – Die BlogHighlightedPosts-Komponente zeigt spezifische Blogartikel an, die über Ihre IDs ausgewählt werden. Sie eignet sich für die Hervorhebung wichtiger oder thematisch zusammenhängender Artikel.

Ansehen
BlogLatestPosts Komponente

BlogLatestPosts

Neueste Blogartikel – Die BlogLatestPosts-Komponente zeigt die neuesten Blogartikel an und eignet sich besonders, um aktuelle Inhalte auf der Startseite oder in Übersichtsseiten hervorzuheben.

Ansehen
Brands Komponente

Brands

Brands-Komponente – Die Brands-Komponente zeigt Logos oder Namen von Partnern, Kunden oder Marken an.

Ansehen
CallToAction Komponente

CallToAction

Call-to-Action-Komponente – Die CallToAction-Komponente hebt wichtige Handlungsaufforderungen hervor.

Ansehen
CallToActionMember Komponente

CallToActionMember

Call-to-Action-Komponente (Mitglied) – Die CallToActionMember-Komponente hebt Handlungsaufforderungen für Teammitglieder hervor.

Ansehen
Certificates Komponente

Certificates

Zertifikate-Komponente – Die Certificates-Komponente zeigt Zertifikate eines Teammitglieds an und eignet sich besonders zur Darstellung von Qualifikationen und Nachweisen.

Ansehen
Cite Komponente

Cite

Zitat-Komponente – Die Cite-Komponente hebt Zitate oder wichtige Aussagen von Teammitgliedern hervor und nutzt die Team-Collection.

Ansehen
CodeShowcase Komponente

CodeShowcase

CodeShowcase-Komponente – Die CodeShowcase-Komponente zeigt Code-Beispiele in verschiedenen Sprachen mit Tabs an.

Ansehen
Content Komponente

Content

Die Content-Komponente ermöglicht die übersichtliche Darstellung von Inhalten in einem flexiblen, mehrspaltigen Layout – ideal für Features, Vergleiche oder Benefits.

Ansehen
Debug Komponente

Debug

Debug-Komponente – JSON-Debug-Ausgabe in UI, Server- und Browser-Konsole.

Ansehen
DynamicTestimonials Komponente

DynamicTestimonials

DynamicTestimonials-Komponente – Die DynamicTestimonials-Komponente lädt Testimonials aus der Content-Collection und zeigt sie im Grid oder Slider an.

Ansehen
Faqs Komponente

Faqs

FAQ-Komponente – Die Faqs-Komponente zeigt häufig gestellte Fragen und Antworten übersichtlich an.

Ansehen
FeatureCards Komponente

FeatureCards

FeatureCards-Komponente – Die FeatureCards-Komponente zeigt Features in einem Grid aus Karten mit Icon, Titel, Beschreibung und optionalem Link an.

Ansehen
Features Komponente

Features

Features-Komponente – Die Features-Komponente stellt besondere Eigenschaften oder Vorteile eines Produkts oder einer Dienstleistung dar.

Ansehen
Features2 Komponente

Features2

Features-Komponente (Variante) – Die Features2-Komponente ist eine alternative Variante zur Darstellung von Produkt-Features.

Ansehen
Features3 Komponente

Features3

Features-Komponente (Variante) – Die Features3-Komponente ist eine weitere Variante zur Darstellung von Produkt-Features.

Ansehen
FeedbackButton Komponente

FeedbackButton

FeedbackButton-Widget – Zwei schwebende Aktionsbuttons (Feedback und Problem melden) mit Metadaten für vorgefüllte GitHub-Issues; global in Layout eingebunden.

Ansehen
FlexContentBlock Komponente

FlexContentBlock

FlexContentBlock-Komponente – Die FlexContentBlock-Komponente zeigt flexiblen Content mit Bild in einem anpassbaren Layout an.

Ansehen
Footer Komponente

Footer

Footer-Komponente – Beispiel für die Footer-Komponente.

Ansehen
Header Komponente

Header

Header-Komponente – Die Header-Komponente bildet den oberen Bereich einer Seite und enthält Navigation, Branding und wichtige Links.

Ansehen
Hero Komponente

Hero

Hero-Komponente – Die Hero-Komponente stellt einen aufmerksamkeitsstarken Bereich am Seitenanfang dar, oft mit Titel, Bild und Call-to-Action.

Ansehen
Hero2 Komponente

Hero2

Hero-Komponente (Variante) – Die Hero2-Komponente ist eine alternative Variante für aufmerksamkeitsstarke Einstiegsbereiche.

Ansehen
HeroSlim Komponente

HeroSlim

HeroSlim-Komponente – Die HeroSlim-Komponente ist eine kompakte Variante des Hero-Widgets mit reduziertem Padding, ideal für Seiten mit weniger vertikalem Platz.

Ansehen
HeroText Komponente

HeroText

HeroText-Komponente – Die HeroText-Komponente zeigt einen textbasierten Hero-Bereich für den Seitenanfang.

Ansehen
Note Komponente

Note

Hinweis-Komponente – Die Note-Komponente dient zur Hervorhebung wichtiger Hinweise oder Informationen auf einer Seite. Sie eignet sich besonders, um Nutzer:innen auf Besonderheiten, Warnungen oder Tipps aufmerksam zu machen.

Ansehen
Partners Komponente

Partners

Partners-Komponente – zeigt Technologie-Partner als Grid mit Logos, Beschreibung und optionalen Kategorien.

Ansehen
Pricing Komponente

Pricing

Pricing-Komponente – Die Pricing-Komponente stellt verschiedene Preismodelle oder Angebote übersichtlich dar.

Ansehen
Quiz Komponente

Quiz

Quiz-Komponente – Die Quiz-Komponente zeigt Ja/Nein-Fragen an, bei denen Antworten beim Klick aufgedeckt werden und die richtige Antwort hervorgehoben wird.

Ansehen
Stats Komponente

Stats

Stats-Komponente – Die Stats-Komponente zeigt wichtige Kennzahlen und Statistiken übersichtlich an.

Ansehen
Steps Komponente

Steps

Steps-Komponente – Die Steps-Komponente visualisiert Abläufe oder Prozesse in mehreren Schritten.

Ansehen
Steps2 Komponente

Steps2

Steps-Komponente (Variante) – Die Steps2-Komponente ist eine alternative Variante zur Visualisierung von Prozessen.

Ansehen
TeamGrid Komponente

TeamGrid

TeamGrid-Komponente – Die TeamGrid-Komponente zeigt Teammitglieder in einem responsiven Raster an, gruppiert nach verschiedenen Kriterien.

Ansehen
TeaserContent Komponente

TeaserContent

Seiten mit Tags – Die TeaserContent-Komponente zeigt eine Liste von Seiten, Blog-Posts, Webinaren oder Trainings an, die mit bestimmten Tags oder Kategorien versehen sind, und eignet sich besonders für die thematische Gruppierung von Inhalten.

Ansehen
TeaserContentHighlighted Komponente

TeaserContentHighlighted

Hervorgehobene Seiten – Die TeaserContentHighlighted-Komponente zeigt gezielt ausgewählte Seiten an und eignet sich besonders für die Hervorhebung wichtiger oder thematisch zusammenhängender Inhalte.

Ansehen
Testimonials Komponente

Testimonials

Kundenstimmen – Die Testimonials-Komponente zeigt Kundenbewertungen und Erfahrungsberichte in einem ansprechenden Layout an.

Ansehen
TestimonialsSlider Komponente

TestimonialsSlider

TestimonialsSlider-Komponente – Eine dynamische Slider-Komponente zur Präsentation von Kundenstimmen und Testimonials.

Ansehen
TextGrid Komponente

TextGrid

Responsive multi-column text layout with headline and slot support.

Ansehen
VideoEmbed Komponente

VideoEmbed

VideoEmbed-Komponente – Die VideoEmbed-Komponente stellt ein YouTube-Video mit optionalem Text und Layout-Optionen dar.

Ansehen
VideoGallery Komponente

VideoGallery

VideoGallery-Komponente – Die VideoGallery-Komponente stellt eine Galerie von YouTube-Videos in einem Grid-Layout dar.

Ansehen
WebinarHighlightedPosts Komponente

WebinarHighlightedPosts

WebinarHighlightedPosts-Komponente – Die WebinarHighlightedPosts-Komponente zeigt hervorgehobene Webinare aus der Webinar-Datenquelle an.

Ansehen
WebinarLatestPosts Komponente

WebinarLatestPosts

WebinarLatestPosts-Komponente – Die WebinarLatestPosts-Komponente zeigt die neuesten Webinare aus der Webinar-Datenquelle an, sortiert nach Datum mit Live-Events zuerst.

Ansehen
WebinarOverview Komponente

WebinarOverview

WebinarOverview-Komponente – Die WebinarOverview-Komponente zeigt eine Übersicht über Webinar-Details wie Dauer, Format und Status an.

Ansehen
WhitepaperRequest Komponente

WhitepaperRequest

WhitepaperRequest-Komponente – Die WhitepaperRequest-Komponente zeigt ein Widget mit Headline und Whitepaper-Anfrageformular an.

Ansehen