Vai al componente Collegamento contenuto
Un componente di collegamento Salta al contenuto reattivo per una dashboard con uno stile di neumorfismo e una combinazione di colori dei toni della Terra.
Codice HTML
<div class="flex justify-center mt-4">
<a href="#content" class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white px-4 py-2 rounded-lg shadow-lg transition ease-in-out duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-300 dark:focus:ring-offset-gray-900">
Skip to Content
</a>
</div>Componenti correlati
Salta al componente del collegamento al contenuto - Skeuomorphism Scala di grigi
Un link "Salta al contenuto" semplice e reattivo con design Skeuomorphic in scala di grigi per i contenuti del blog. Include il supporto per la modalità oscura.
Vai al collegamento al contenuto
Un componente di collegamento "Salta al contenuto" per l'accessibilità, progettato per dashboard in modalità scura con una combinazione di colori in scala di grigi. È moderatamente complesso a causa dello stile reattivo e della modalità oscura. Non viene utilizzato alcun JavaScript. Utilizza Tailwind CSS con i prefissi dark: per il supporto del tema scuro.
Vai al componente Collegamento contenuto
Un componente di collegamento "Salta al contenuto" visivamente accattivante progettato per dashboard con particolare attenzione alle microinterazioni, utilizzando una combinazione di colori complementare e il supporto della modalità oscura tramite Tailwind CSS.