DGN Design System
Komponentenbibliothek der DGN Fortbildungsakademie. Alle Komponenten als wiederverwendbare TypeScript + CSS Module Komponenten.
Foundations
Farben, Typografie, Abstände, Schatten, Radien
Primitives
Button, Card, Badge, Toggle, Divider, Links, Tooltip
Formulare
Input, Checkbox, Radio, Slider
Datenanzeige
Avatar, Chips, Tabs, Table, Pagination
Feedback
Alert, Toast, ProgressBar, Skeleton, EmptyState
Navigation
Breadcrumb, StepIndicator, Menu / Dropdown
Overlays
Modal / Dialog
Layout
Logo, Header, Footer, FilterSidebar
Content
CourseCard, CourseBadges, DashboardSidebar, RelatedGuidelinesBox
Rich Content Blocks
Heading, Paragraph, Liste, Accordion, Kontakt, Spalten
Sections (Basis)
Hero, CourseCarousel, CmeProgress, CardSection, Recommended
Sections: Dashboard & Lernpfad
DashboardCertificates, DashboardSettings, LearningPathHero & -CourseList
Sections: Support & Legal
SupportHeader, SupportFaq, SupportContact, MediathekLegalModal
Wann welche Komponente?
Entscheidungshilfe, Vergleiche und Schnellreferenz