Komponenten-Referenz · DGN
Designsystem.
Eine kuratierte Bibliothek aus @repo/ui. Sie ist die Quelle der Wahrheit für Akademie, Admin und DGN One — Brand, Tokens und Komponenten in einem Ort, Live-Beispielen und Code-Snippets für jeden Baustein.
- Komponenten
- 50+
- Sections
- 30+
- Tenants
- Akademie · DGN One
Grundlagen & Atome
Komponenten
Geteilte Bausteine aus @repo/ui — verwendet von Akademie, Admin und DGN One. Tokens, Primitives, Formulare, Daten, Feedback, Navigation, Overlays, Medien, Layout, Rich Content.
Foundations
Farben, Typografie, Abstände, Schatten, Radien
Primitives
Button, Badge, Card, Toggle, Divider, Tooltip, StyledLink
Card-Primitives
MediaCard, IconCard, FeatureCard, CardGrid
Formulare
Input, Checkbox, Radio, Slider, Select, Combobox, MultiLangInput, LinkPicker
Datenanzeige
Avatar, Chip, Tabs, DataTable, Pagination, Accordion
Feedback
Alert, InfoBanner, LockBanner, Toast, Confirm, Progress, Skeleton, Empty, StatusBadge, PageBanner
Navigation
Breadcrumb, StepIndicator, Menu, HeaderSearch
Overlays
Modal, ConfirmDialog, PickerModal
Medien
MUX-Player, MediaFrame
Layout
Logo, Header, Footer, FilterSidebar, PageTransition
Rich Content
Heading, Paragraph, Liste, Accordion, Kontakt, Spalten
Tenant
Akademie
Section-Komponenten der Fortbildungsakademie — Hero, Course-Karussell, CME-Progress, Booking-Flow, Dashboard, Support und alle Content-Pages (Login, Mediathek, LEK, Calendar, Kontakt, Impressum, Datenschutz, AGB).
Akademie-Inhalte
CourseCard, CourseBadges, RelatedGuidelinesBox
Sections (Basis)
Hero, CourseCarousel, CmeProgress, CardSection, Recommended
Dashboard & Lernpfad
DashboardCertificates, DashboardSettings, LearningPathHero & -CourseList
Support & Legal
SupportHeader, SupportFaq, SupportContact, MediathekLegalModal
Content Pages
Login, Mediathek, LEK, Calendar, Catalog, Kontakt, Impressum, Datenschutz, AGB
Tenant
DGN One
Inhalte der dgn.org-Schiene. Aktuell ein einzelner WIP-Eintrag (Leitlinie Detail) — wächst 2027 mit der Migration der DGN-Stammseite ins Repo.
Werkzeuge
Admin & Hilfe
Admin-Shell-Komponenten (sichtbar im Admin Panel) und Entscheidungshilfe für die richtige Komponentenwahl.