Zum Inhaltslink springen
Skip to Content Link Component orientiert sich an den Prinzipien des Material Designs und bietet responsives Design, Unterstützung für den Dunkelmodus und ein einfaches monochromatisches Farbschema für Social-Media-Anwendungen.
HTML-Code
<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>Verwandte Komponenten
Zum Inhaltslink springen
Eine reaktionsschnelle Komponente "Zum Inhaltslink springen", die in einem skeuomorphen Stil mit einem pastellfarbenen Farbschema gestaltet ist. Diese Komponente ist für die Nutzung von Blogs und Inhalten gedacht und bietet Unterstützung für den Dunkelmodus.
Zur Inhaltslink-Komponente springen - Skeuomorphism Grayscale
Ein einfacher, responsiver "Zum Inhalt springen"-Link mit skeuomorphem Design in Graustufen für Blog-Inhalte. Enthält Unterstützung für 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.