Zum Inhaltslink springen
Ein minimalistischer Link zum Überspringen von Inhalten für die Barrierefreiheit in Webanwendungen, der für Dashboards entwickelt wurde.
HTML-Code
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main 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.
Brutalistisch Zum Inhaltsverzeichnis springen Link (Wald/Grün)
Eine rohe, fette "Skip to Content"-Link-Komponente, die in einem brutalistischen Stil mit einer Wald-/Grün-Farbpalette gestaltet ist und für Buchungs-/Reservierungssysteme geeignet ist. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
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.