Sommario
Sommario Componente con design di microinterazioni, combinazione di colori analoga, complessità semplice e scopo dei social media. Reattivo con supporto per il tema scuro. Nessun codice JavaScript.
Codice HTML
<nav class="p-4 bg-gray-100 dark:bg-gray-800">
<ul class="space-y-2">
<li><a href="#section1" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 1</a></li>
<li><a href="#section2" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 2</a></li>
<li><a href="#section3" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 3</a></li>
</ul>
</nav>
Componenti correlati
3D_Music_TOC_Component
Un componente Sommario complesso, ad alto contrasto e ispirato al 3D per piattaforme musicali/audio, dotato di design reattivo e supporto per la modalità scura.
Sommario Componente
Un componente reattivo del sommario progettato in stile Material Design con toni della terra e supporto per temi scuri per siti Web aziendali/aziendali.
Caramelle retrò Sommario
Un componente dell'indice a tema retrò nostalgico con una combinazione di colori ispirata alle caramelle, adatto per siti Web di cibo e ristoranti. Presenta una navigazione "appiccicosa" simile a una barra laterale con indicatori di scorrimento fluidi e supporto per la modalità scura.