CCHub Logo CCHub Tailwind Collection
구성 요소 항행 대시보드 탐색(Material Design)

대시보드 탐색(Material Design)

Material Design Dashboard Navigation Component는 트라이어딕 색 구성표와 다크 모드를 지원합니다.

미리 보기

HTML 코드 

<nav class="bg-white dark:bg-gray-800 shadow">
  <div class="container mx-auto px-6 py-3">
    <div class="flex items-center justify-between">
      <div class="text-gray-800 dark:text-white font-bold text-xl">Dashboard</div>
      <div class="flex space-x-4">
        <a href="#" class="text-gray-800 dark:text-white hover:text-blue-500 dark:hover:text-blue-400 transition duration-300">Home</a>
        <a href="#" class="text-gray-800 dark:text-white hover:text-teal-500 dark:hover:text-teal-400 transition duration-300">Analytics</a>
        <a href="#" class="text-gray-800 dark:text-white hover:text-red-500 dark:hover:text-red-400 transition duration-300">Settings</a>
      </div>
    </div>
  </div>
</nav>

관련 구성 요소

뉴모픽 네비게이션 바

데이트/소셜 플랫폼용으로 설계된 간단하고 반응이 빠른 뉴모픽 탐색 모음으로, 다크 모드를 지원하는 포레스트/그린 색상 팔레트를 사용합니다.

열다

Bauhaus Jewel Tone 내비게이션

기하학적 형태와 보석 톤을 가진 간단하고 기능적인 탐색 구성 요소로, 예약/예약 시스템을 위해 설계되었습니다. 반응성 및 다크 모드 지원이 특징입니다.

열다

Retro Dashboard Navigation 구성 요소

Retro/Vintage Navigation Component는 생생한 색상, 적당한 복잡성, 응답성 및 어두운 테마 지원을 제공하는 대시보드를 위한 구성 요소입니다.

열다