RetroEarthDashboardTOC
Componente de tabla de contenido receptivo con diseño retro/vintage, combinación de colores en tonos tierra y compatibilidad con el modo oscuro para el uso del tablero.
Código HTML
<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>Componentes relacionados
Tabla de contenidos
Un componente de tabla de contenido interactivo con estilo Glassmorphism, con elementos translúcidos similares al vidrio esmerilado con efectos de desenfoque y compatibilidad con temas oscuros. Incluye secciones e imágenes de marcador de posición para la representación visual.
Componente de tabla de contenido
Un componente responsivo de la tabla de contenido diseñado con elementos skeuomórficos y tonos tierra para una presentación de cartera, con soporte para el modo oscuro.
Componente de tabla de contenido
Componente de tabla de contenido responsivo con diseño de skeuomorfismo, combinación de colores pastel y compatibilidad con modo oscuro, adecuado para carteras.