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 für Social-Media-Schnittstellen, die mit einer Benutzeroberfläche im Dunkelmodus mit Erdtönen und einem einfachen Layout gestaltet wurde. Es unterstützt dunkles Design mit Tailwind CSS und ist nur HTML ohne JavaScript.
Inhaltsverzeichnis
Eine reaktionsschnelle Inhaltsverzeichniskomponente im Glassmorphism-Stil mit mattglasähnlichen, durchscheinenden Elementen mit Unschärfeeffekten und Unterstützung für dunkle Themen. Enthält Abschnitte und Platzhalterbilder zur visuellen Darstellung.
Komponente "Inhaltsverzeichnis"
Eine reaktionsschnelle Inhaltsverzeichnis-Komponente, die im Glassmorphism-Stil gestaltet wurde, mit mattglasähnlichen, durchscheinenden Elementen mit Unschärfeeffekten, die sowohl helle als auch dunkle Themen mit Tailwind CSS unterstützen.