Composant de navigation du fil d’Ariane
Un composant de navigation Breadcrumb réactif conçu avec le style Neumorphism à l’aide de Tailwind CSS, avec prise en charge du thème sombre.
HTML Code
<nav class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-4 mb-6 max-w-4xl mx-auto">
<ol class="list-reset flex text-gray-700 dark:text-gray-300">
<li>
<a href="#" class="text-blue-500 hover:text-blue-700">Home</a>
</li>
<li>
<span class="mx-2">/</span>
</li>
<li>
<a href="#" class="text-blue-500 hover:text-blue-700">Library</a>
</li>
<li>
<span class="mx-2">/</span>
</li>
<li>
<a href="#" class="text-blue-500 hover:text-blue-700">Data</a>
</li>
</ol>
</nav>
<style>
/* Neumorphism styles */
nav {
box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1),
-8px -8px 15px rgba(255, 255, 255, 0.7);
}
nav.dark {
box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5),
-8px -8px 15px rgba(0, 0, 0, 0.2);
}
</style>Composants associés
Composant de navigation du fil d’Ariane
Un composant de navigation de fil d’Ariane réactif conçu avec le style Glassmorphism et les couleurs de ton Terre, parfait pour les sites Web d’entreprise professionnels. Il prend en charge le thème sombre et comprend des fonctionnalités interactives pour la navigation.
Composant de navigation du fil d’Ariane
Un composant de navigation réactif utilisant Tailwind CSS avec un style de conception glassmorphism. Dispose d’un arrière-plan flou semblable à du verre, prend en charge le thème sombre et inclut des images de remplacement.
Composant de navigation du fil d’Ariane
Un composant de navigation réactif conçu dans un style brutaliste avec une palette de couleurs vives pour les tableaux de bord, avec prise en charge du mode sombre.