RetroEarthDashboardTOC
Composant de table des matières réactif avec un design rétro/vintage, une palette de couleurs de tons de terre et la prise en charge du mode sombre pour l’utilisation du tableau de bord.
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>Composants associés
Composant de la table des matières
Un composant de table des matières réactif conçu avec des éléments skeuomorphes et des tons de terre pour une vitrine de portfolio, avec prise en charge du mode sombre.
Composant de table des matières 3D
Un composant de table des matières réactif conçu pour le commerce électronique, avec des éléments de conception 3D et une palette de couleurs complémentaire. Il comprend des éléments interactifs et prend en charge le mode sombre.
Composant de la table des matières
Un composant de table des matières réactif stylisé avec Neumorphism à l’aide de Tailwind CSS, avec prise en charge du thème sombre et affichant des images et des avatars de remplacement.