Die WebinarCalendar-Komponente zeigt kommende Live-Webinare in einem Kalender-Format. In diesem Demo wird sie ohne echte Daten angezeigt.

WebinarCalendar

Webinar-Kalender

Die WebinarCalendar-Komponente zeigt einen Kalender mit kommenden Live-Webinaren an. Sie gruppiert Webinare nach Monaten und zeigt Datum, Zeit, Titel, Beschreibung, Topics, Speaker und Anmelde-Links.

Codebeispiel

<WebinarCalendar
webinars={[
  {
    id: '1',
    slug: 'example-webinar',
    title: 'Cloud Architecture',
    description: 'Lernen Sie die Grundlagen',
    liveDate: '2024-12-15',
    liveTime: '14:00',
    duration: '60 Minuten',
    topics: ['Cloud', 'AWS'],
    speakers: [{ slug: 'max-mustermann' }]
  }
]}
title="Webinar-Kalender"
subtitle="Alle kommenden Live-Webinare"
/>

Parameter

BezeichnerTypBeschreibungDefault
webinarsArray<WebinarProps>Array von Webinaren[]
titlestringTitel'Webinar-Kalender'
subtitlestringUntertitel'Alle kommenden Live-Webinare auf einen Blick'
Wiki-Dokumentation Quellcode