Datenanzeige

Avatar

Benutzer-Avatar mit Größen, Farbvarianten, Status und Gruppen.

Vorschau
DG
Konfiguration
import { Avatar } from "@repo/ui/avatar"

<Avatar
  size="md"
  variant="primary"
  initials="DG"
/>
Weitere Beispiele
Avatar-Gruppe
DG
MS
JK
AB
+2

Chip

Interaktive Tags, auswählbar und optional entfernbar.

Vorschau
Konfiguration
import { Chip } from "@repo/ui/chip"

<Chip>
  Neurologie
</Chip>
Weitere Beispiele
Mehrfachauswahl

DataTable

Gestylte Tabelle mit alternierenden Zeilen und Hover.

KursTypCMEStatus
Akute SchlaganfalltherapieLive-Webinar4Abgeschlossen
MS Update 2026On-Demand2In Bearbeitung
Epilepsie-ManagementHybrid8Geplant

Pagination

Seitennavigation mit Ellipsen und Prev/Next.

Vorschau
Konfiguration
import { Pagination } from "@repo/ui/pagination"

<Pagination
  currentPage={1}
  totalPages={12}
  onPageChange={setPage}
/>