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 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.

Offen

Bauhaus Medizin Inhaltsverzeichnis

Eine komplexe, reaktionsschnelle Inhaltsverzeichniskomponente für Anwendungen in der Medizin/im Gesundheitswesen mit einem vom Bauhaus inspirierten funktionalen Design mit gedämpften Farben und Unterstützung für den Dunkelmodus. Enthält Navigations-, Such- und Abschnittslinks.

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