Vai al collegamento al contenuto
Un componente Salta al collegamento al contenuto con un design 3D in scala di grigi per siti Web aziendali. È reattivo e supporta la modalità oscura utilizzando Tailwind CSS. Niente JavaScript.
Codice HTML
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main content</a>Componenti correlati
Vai al collegamento al contenuto
Un componente reattivo Salta al collegamento al contenuto progettato in uno stile scheumorfico con una combinazione di colori pastello. Questo componente è destinato al consumo di blog e contenuti e include il supporto per la modalità scura.
Salta al link al contenuto - Monocromatico retrò
Passa al componente Collegamento contenuto con design retrò/vintage, combinazione di colori monocromatica e complessità semplice.
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.