Inhaltsverzeichnis
Inhaltsverzeichnis Komponente mit Mikrointeraktionsdesign, analogem Farbschema, einfacher Komplexität und Social-Media-Zweck. Reaktionsschnell mit Unterstützung für dunkle Themen. Kein JavaScript-Code.
HTML-Code
<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>Verwandte Komponenten
Komponente "Inhaltsverzeichnis"
Eine reaktionsschnelle Inhaltsverzeichniskomponente mit einem Glasmorphismus-Design und einem pastellfarbenen Farbschema, das für Dashboards mit Datenvisualisierung und Bedienfeldern geeignet ist.
Komponente "Inhaltsverzeichnis"
Responsive Inhaltsverzeichniskomponente mit Unterstützung für den Dunkelmodus unter Verwendung von Tailwind CSS. Die Komponente ist für einen Portfoliozweck konzipiert und zeichnet sich durch ein monochromatisches Farbschema und einen moderaten Komplexitätsgrad ohne JavaScript aus.
Komponente "Inhaltsverzeichnis"
Eine minimalistische Inhaltsverzeichnis-Komponente, die mit Tailwind CSS entworfen wurde, mit responsiven Effekten und Unterstützung für dunkle Themen.