Zum Inhaltslink springen
Eine Komponente vom Typ "Zum Inhaltslink springen", die nach den Prinzipien des Materialdesigns, einem monochromatischen Farbschema und der Unterstützung des Dunkelmodus gestaltet ist. Es eignet sich für E-Commerce-Websites und wird mit Tailwind CSS ohne JavaScript erstellt.
HTML-Code
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-50 bg-gray-800 text-white px-4 py-2 rounded dark:bg-gray-200 dark:text-gray-900">Skip to content</a>Verwandte Komponenten
Zur Inhaltslink-Komponente springen
Eine Komponente vom Typ "Zum Inhaltslink springen", die mit skeuomorphen Elementen entworfen wurde, die einer physischen Schaltfläche ähneln. Die Komponente verfügt über ein pastellfarbenes Schema, eine moderate Komplexität einschließlich Hover-Effekten und Unterstützung für dunkles Design.
Zum Inhaltslink springen
Eine "Zum Inhalt springen"-Linkkomponente für die Barrierefreiheit, die für Dark-Mode-Dashboards mit einem Graustufen-Farbschema entwickelt wurde. Es ist aufgrund des reaktionsschnellen und dunklen Modus-Stylings mäßig komplex. Es wird kein JavaScript verwendet. Verwendet Tailwind CSS mit dark:-Präfixen für die Unterstützung des dunklen Designs.
Zur Inhaltslink-Komponente springen
Eine visuell ansprechende "Skip to Content"-Link-Komponente, die für Dashboards mit Schwerpunkt auf Mikrointeraktionen entwickelt wurde, unter Verwendung eines komplementären Farbschemas und der Unterstützung des Dunkelmodus durch Tailwind CSS.