CCHub Logo CCHub Tailwind Collection
Komponenten Inhaltsverzeichnis Komponente "Inhaltsverzeichnis"

Komponente "Inhaltsverzeichnis"

Eine reaktionsschnelle Inhaltsverzeichnis-Komponente, die mit skeuomorphen Elementen und Erdtönen für eine Portfolio-Präsentation entworfen wurde, mit Unterstützung für den Dunkelmodus.

Vorschau

HTML-Code 

<div class="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-md">
    <h2 class="text-2xl font-semibold text-green-800 dark:text-green-200 mb-4">Table of Contents</h2>
    <ul class="space-y-4">
        <li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
            <a href="#section1" class="text-gray-800 dark:text-gray-200 font-semibold">Section 1</a>
        </li>
        <li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
            <a href="#section2" class="text-gray-800 dark:text-gray-200 font-semibold">Section 2</a>
        </li>
        <li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
            <a href="#section3" class="text-gray-800 dark:text-gray-200 font-semibold">Section 3</a>
        </li>
        <li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
            <a href="#section4" class="text-gray-800 dark:text-gray-200 font-semibold">Section 4</a>
        </li>
    </ul>
</div>

Verwandte Komponenten

Bauhaus_Retro_Photography_TOC

Eine komplexe, reaktionsschnelle Inhaltsverzeichniskomponente für Fotografie-Websites, inspiriert von Bauhaus-Designprinzipien und einer Retro-/Vintage-Farbpalette. Mit geometrischen Formen, gedämpften Farben und vollständiger Unterstützung des Dunkelmodus, ideal für Fotogalerien und Portfolios.

Offen

Inhaltsverzeichniskomponente - Buchung/Reservierung

Eine einfache, reaktionsschnelle Inhaltsverzeichniskomponente für Buchungs-/Reservierungssysteme mit Graustufenfarben und subtilen Farbverlaufsübergängen. Enthält Unterstützung für den Dunkelmodus.

Offen

Komponente "Inhaltsverzeichnis"

Eine minimalistische Inhaltsverzeichnis-Komponente, die mit Tailwind CSS entworfen wurde, mit responsiven Effekten und Unterstützung für dunkle Themen.

Offen