Компоненты Навигация Навигация по приборной панели (Material Design)

Навигация по приборной панели (Material Design)

Компонент навигации приборной панели Material Design с триадической цветовой схемой и поддержкой темного режима.

Предварительный просмотр

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>

Связанные компоненты

Компонент навигации

Адаптивный компонент навигации в темном режиме, разработанный для электронной коммерции с пастельной цветовой гаммой и простой версткой.

Открытый

Компонент навигации

Адаптивный компонент навигации, разработанный для пользовательского интерфейса темного режима, со ссылками, раскрывающимися списками и логотипом, стилизованным под Tailwind CSS.

Открытый

Компонент навигации

Простой, отзывчивый компонент навигации для веб-сайта-портфолио с пользовательским интерфейсом в темном режиме. В дизайне используются дополнительные цвета и обеспечивается читабельность и эстетическая привлекательность на различных размерах экрана.

Открытый