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.

Anteprima

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.

Aperto

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.

Aperto

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.

Aperto