组件 目录 复古地球仪表板目录

复古地球仪表板目录

响应式目录组件,具有复古/古董设计,采用大地色调,并支持黑暗模式,适用于仪表板。

预览

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>

相关组件

目录组件

一个响应式目录组件,采用玻璃拟态设计和粉彩色调,适用于包含数据可视化和控制面板的仪表盘。

打开

目录组件

一个使用 Tailwind CSS 设计的极简主义目录组件,具有响应式效果和暗黑主题支持。

打开

目录组件

一个响应式的目录组件,采用拟物化元素和大地色调设计,适用于作品展示,并支持暗模式。

打开