CCHub Logo CCHub Tailwind Collection
Komponenten Inhaltsverzeichnis RetroEarthDashboardTOC

RetroEarthDashboardTOC

Responsive Inhaltsverzeichniskomponente mit Retro/Vintage-Design, Farbschema in Erdtönen und Unterstützung des Dunkelmodus für die Verwendung im Dashboard.

Vorschau

HTML-Code 

<div class="bg-stone-100 dark:bg-stone-900 text-stone-800 dark:text-stone-200 p-6 rounded-lg shadow-lg font-mono">
  <h2 class="text-xl font-bold mb-4">Table of Contents</h2>
  <ul class="space-y-2">
    <li><a href="#section-1" class="hover:underline">1. Introduction</a></li>
    <li><a href="#section-2" class="hover:underline">2. Data Overview</a></li>
    <li>
      <a href="#section-3" class="hover:underline">3. Key Metrics</a>
      <ul class="ml-4 mt-1 space-y-1">
        <li><a href="#section-3-1" class="hover:underline">3.1. Sales Performance</a></li>
        <li><a href="#section-3-2" class="hover:underline">3.2. User Engagement</a></li>
      </ul>
    </li>
    <li><a href="#section-4" class="hover:underline">4. Conclusion</a></li>
  </ul>
</div>

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.

Offen

Komponente "Inhaltsverzeichnis"

Eine reaktionsschnelle Inhaltsverzeichniskomponente im Material Design mit leuchtenden Farben, die sich für Blogs und den Konsum von Inhalten eignet, einschließlich Unterstützung für den Dunkelmodus und mehrere interaktive Elemente.

Offen

Komponente "Inhaltsverzeichnis"

Eine reaktionsschnelle Inhaltsverzeichnis-Komponente, die nach Material Design-Prinzipien unter Verwendung von Tailwind CSS gestaltet wurde, den Dunkelmodus unterstützt und Platzhalterbilder und Avatare enthält.

Offen