CCHub Logo CCHub Tailwind Collection
구성 요소 목차 목차

목차

Table of Contents Microinteractions design, Analogous color scheme, Simple complexity 및 Social Media 목적을 가진 구성 요소. 어두운 테마 지원으로 반응형입니다. 자바스크립트 코드가 없습니다.

미리 보기

HTML 코드 

<nav class="p-4 bg-gray-100 dark:bg-gray-800">
  <ul class="space-y-2">
    <li><a href="#section1" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 1</a></li>
    <li><a href="#section2" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 2</a></li>
    <li><a href="#section3" class="block py-2 px-4 text-gray-700 hover:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:scale-105">Section 3</a></li>
  </ul>
</nav>

관련 구성 요소

레트로어스대시보드TOC

반응형 목차 구성 요소에는 레트로/빈티지 디자인, 어스 톤 색 구성표, 대시보드 사용을 위한 다크 모드 지원이 있습니다.

열다

바우하우스 메디컬 목차

의료/헬스케어 애플리케이션을 위한 복잡하고 반응이 빠른 목차 구성 요소로, Bauhaus에서 영감을 받은 기능적 디자인과 차분한 색상과 다크 모드를 지원합니다. 탐색, 검색 및 섹션 링크를 포함합니다.

열다

3D_Music_TOC_Component

음악/오디오 플랫폼을 위한 복잡하고 대비가 높은 3D에서 영감을 받은 목차 구성 요소로, 반응형 디자인과 다크 모드 지원을 특징으로 합니다.

열다