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

TrainingCard

Training-Karte

Die TrainingCard-Komponente zeigt eine Karte fĂĽr ein Training an. Sie zeigt Titel, Beschreibung, Dauer, Level, Format, Preis, Themen und einen Link zum Training an.

Codebeispiel

<TrainingCard
training={{
  id: 'example-training',
  slug: 'example-training',
  title: 'Cloud Architecture Training',
  description: 'Lernen Sie die Grundlagen der Cloud-Architektur',
  duration: '2 Tage',
  level: 'Intermediate',
  format: ['Online', 'Präsenz'],
  price: '1.200 €',
  category: 'Cloud',
  topics: ['AWS', 'Azure', 'Kubernetes']
}}
/>

Parameter

BezeichnerTypBeschreibungDefault
trainingTrainingTraining-Daten-
Wiki-Dokumentation Quellcode