Aller au composant de lien de contenu
Composant de lien Skip to Content réactif pour un tableau de bord avec un style Neumorphism et une palette de couleurs Earth Tones.
HTML Code
<div class="flex justify-center mt-4">
<a href="#content" class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-white px-4 py-2 rounded-lg shadow-lg transition ease-in-out duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-300 dark:focus:ring-offset-gray-900">
Skip to Content
</a>
</div>Composants associés
Aller au lien de contenu
Un composant de lien « Aller au contenu » pour l’accessibilité, conçu pour les tableaux de bord en mode sombre avec une palette de couleurs en niveaux de gris. Il est modérément complexe en raison du style réactif et du mode sombre. Aucun JavaScript n’est utilisé. Utilise Tailwind CSS avec les préfixes dark : pour la prise en charge du thème sombre.
Aller au composant de lien de contenu
Un composant de lien « Passer au contenu » visuellement attrayant conçu pour les tableaux de bord en mettant l’accent sur les micro-interactions, utilisant un schéma de couleurs complémentaire et la prise en charge du mode sombre via Tailwind CSS.
Aller au composant de lien de contenu
Glassmorphism Aller au contenu Lien présentant un effet de verre givré, le flou, la réactivité et la prise en charge du mode sombre à l’aide de Tailwind CSS, sans JavaScript.