Sommario Componente
Un componente Sommario reattivo per le interfacce dei social media, progettato con un'interfaccia utente in modalità oscura che utilizza i toni della terra e un layout semplice. Supporta il tema scuro utilizzando Tailwind CSS ed è solo HTML senza JavaScript.
Codice HTML
<nav class="p-4 bg-gray-900 text-stone-200 min-h-screen dark:bg-gray-900">
<h2 class="text-xl font-bold mb-4 text-stone-100">Table of Contents</h2>
<ul class="space-y-2">
<li><a href="#section-1" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Introduction</a></li>
<li><a href="#section-2" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Getting Started</a></li>
<li><a href="#section-3" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">User Profiles</a></li>
<li><a href="#section-4" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Creating Posts</a></li>
<li><a href="#section-5" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Interacting with Content</a></li>
<li><a href="#section-6" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Privacy Settings</a></li>
<li><a href="#section-7" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Notifications</a></li>
<li><a href="#section-8" class="block py-2 px-3 rounded hover:bg-stone-700 hover:text-stone-50 transition-colors duration-200">Troubleshooting</a></li>
</ul>
</nav>Componenti correlati
Glassmorphism_RealEstate_TableOfContents
Un componente dell'indice in stile glassmorphism per gli annunci immobiliari, con elementi traslucidi, effetti di sfocatura e una combinazione di colori viola/viola. È reattivo e supporta la modalità oscura.
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.
Sommario Componente
Un componente Sommario reattivo con uno stile in Material Design con colori vivaci, adatto per blog e consumo di contenuti, incluso il supporto della modalità oscura e più elementi interattivi.