Zum Inhaltslink springen
Eine minimalistische Komponente zum Überspringen von Content-Links für den E-Commerce mit lebendigen Farben, responsivem Design und Unterstützung für den Dunkelmodus.
HTML-Code
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-pink-500 focus:text-white focus:p-3 focus:rounded-lg focus:z-50 dark:focus:bg-purple-700 dark:focus:text-yellow-300">Skip to main content</a>Verwandte Komponenten
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
Ein visuell ansprechender Link "Zum Inhalt springen" im 3D-Stil, der Benutzern hilft, Navigationsmenüs auf einer Social-Media-Oberfläche zu umgehen. Die Komponente verwendet ein komplementäres Farbschema (Blau und Orange) mit einem 3D-Effekt, der durch Schatten und Transformationen erzielt wird. Mit responsivem Design und Unterstützung für dunkle Themen. Der Link wird im fokussierten oder aktiven Zustand oben links im Ansichtsfenster fixiert angezeigt, sodass er für die Tastaturnavigation leicht zugänglich ist, während er bei Nichtgebrauch unauffällig bleibt.
Zur Inhaltslink-Komponente springen
Eine Skip to Content Link-Komponente, die mit 3D-Elementen und Erdtönen entworfen und auf Dashboard-Schnittstellen zugeschnitten ist. Es enthält Stile für helle und dunkle Themen.