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.
Codice HTML
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-gray-200 focus:text-gray-900 focus:px-4 focus:py-2 focus:rounded focus:shadow-lg dark:focus:bg-gray-700 dark:focus:text-gray-100 dark:focus:shadow-xl">Skip to content</a>
<main id="main-content" class="p-4">
<!-- Your main content goes here -->
<h1 class="text-2xl font-bold mb-4 text-gray-800 dark:text-gray-200">Main Content Area</h1>
<p class="text-gray-700 dark:text-gray-300">This is the main content of the page. The "Skip to content" link will bring you here.</p>
</main>Componenti correlati
Vai al componente Collegamento contenuto
Un componente web che fornisce un link per passare al contenuto principale, stilizzato in Material Design con una combinazione di colori pastello, adatto per siti di e-commerce. Presenta un design reattivo con supporto per il tema scuro.
Vai al collegamento al contenuto
Un componente minimalista per il passaggio al collegamento al contenuto per l'e-commerce, con colori vivaci, design reattivo e supporto per la modalità scura.
Vai al componente Collegamento contenuto
Un componente Salta al collegamento al contenuto progettato con elementi scheumorfici simili a un pulsante fisico. Il componente avrà una combinazione di colori pastello, una complessità moderata che include effetti al passaggio del mouse e il supporto per il tema scuro.