Die WebinarTeaser-Komponente zeigt weitere Webinare. In diesem Demo wird sie ohne echte Daten angezeigt.

WebinarTeaser

Webinar-Teaser

Die WebinarTeaser-Komponente zeigt eine Teaser-Ansicht von Webinaren an. Sie zeigt bis zu 3 weitere Webinare (ausgenommen das aktuelle) in einem Grid.

Codebeispiel

<WebinarTeaser
webinars={[
  {
    id: '1',
    slug: 'webinar-1',
    title: 'Webinar 1',
    description: 'Beschreibung 1'
  },
  {
    id: '2',
    slug: 'webinar-2',
    title: 'Webinar 2',
    description: 'Beschreibung 2'
  }
]}
excludeId="1"
id="teaser"
isDark={false}
/>

Parameter

BezeichnerTypBeschreibungDefault
webinarsArray<WebinarProps>Array von Webinaren[]
excludeIdstringID des auszuschließenden Webinars-
idstringWidget-ID-
isDarkbooleanDunkles Themefalse
classesobjectCSS-Klassen-Overrides{}
bgstringHintergrund-HTML (Slot)-
Wiki-Dokumentation Quellcode