![](https://web.dev/static/patterns/components/hero.png?authuser=6&%3Bhl=de&hl=de)
Komponentenmuster
Willkommen bei unserer wachsenden Sammlung von Komponentenmustern. Diese können als Inspiration dienen, Anforderungen an die Barrierefreiheit, adaptive Strategien für Darstellungsbereich und Nutzerpräferenzen und vieles mehr.
Navigationspfade
Erstellen Sie eine responsive und zugängliche Breadcrumb-Komponente, über die Nutzer auf Ihrer Website navigieren können.
Schaltflächen
Schaltflächentypen für das Web gestalten
Karussell
Eine farbanpassungsfähige, responsive und barrierefreie Karussell-Komponente erstellen
Dialog
Erstellen Sie farbanpassungsfähige, responsive und barrierefreie Mini- und Mega-Modale.
Spielmenü
Erstellen Sie ein per Maus und Tastatur zugängliches 3D-Spielemenü.
Ladebalken
Erstellen Sie mit dem Element „Fortschritt“ einen adaptiven und barrierefreien Ladebalken.
Bildlaufleiste für Medien
Gestalten Sie horizontales Scrollen für das Web, das minimal, responsiv, barrierefrei und browser- und plattformübergreifend funktioniert.
Mehrfachauswahl
Erstellen Sie eine responsive, adaptive und zugängliche Mehrfachauswahl-Komponente zum Sortieren und Filtern.
Einstellungen
Sie können eine Einstellungskomponente erstellen, die responsiv ist, die Eingabe mehrerer Geräte unterstützt und browserübergreifend funktioniert
Seitliche Navigationsleiste
Responsiv, zustandsorientiert, unterstützt die Tastaturnavigation, funktioniert mit und ohne JavaScript und browserübergreifend
Schaltflächen teilen
Erstellen Sie eine adaptive und barrierefreie Komponente für die Aufteilungsschaltfläche.
Stories
Erstellen Sie eine Stories-Komponente für das Web, die responsiv ist, die Tastaturnavigation unterstützt und browserübergreifend funktioniert.
SVG-Favicon
Sie können ein adaptives Favicon mit dunklem und hellem Design mit SVG erstellen.
schalter
Eine responsive, adaptive und barrierefreie Schalterkomponente erstellen
Tabs
Erstellen Sie eine Tabkomponente mit Raster und Scroll-Snappunkten.
Toast
Eine adaptive und barrierefreie Toast-Komponente erstellen