Die WebinarCard-Komponente zeigt eine vollständige Webinar-Karte. In diesem Demo wird sie ohne echte Daten angezeigt.

WebinarCard

Webinar-Karte

Die WebinarCard-Komponente zeigt eine Karte für ein Webinar an. Sie zeigt Titel, Status, Beschreibung, Live-Datum, Dauer, Topics, Speaker und einen Anmelde-Link.

Codebeispiel

<WebinarCard
webinar={{
  id: '1',
  slug: 'example-webinar',
  title: 'Cloud Architecture Best Practices',
  description: 'Lernen Sie die Grundlagen',
  duration: '60 Minuten',
  liveDate: '2024-12-15',
  liveTime: '14:00',
  category: 'Cloud',
  topics: ['Cloud', 'AWS'],
  speakers: [{ slug: 'max-mustermann' }]
}}
isFeatured={false}
/>

Parameter

BezeichnerTypBeschreibungDefault
webinarWebinarPropsWebinar-Daten-
isFeaturedbooleanAls Featured markierenfalse
Wiki-Dokumentation Quellcode