Retour en haut de la page Composant du bouton
Un composant de bouton Back to Top minimaliste et plat pour les tableaux de bord, avec une palette de couleurs monochromatiques. Il est modérément complexe avec des fonctionnalités interactives, un design réactif et une prise en charge du thème sombre, construit uniquement avec HTML et Tailwind CSS.
HTML Code
<div class="fixed bottom-4 right-4">
<a href="#" class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 p-3 rounded-full shadow-md hover:bg-gray-400 dark:hover:bg-gray-600 transition-colors duration-300 ease-in-out flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
</a>
</div>Composants associés
Retour en haut du bouton
Un bouton minimaliste « Back to Top » avec des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Retour en haut du bouton
Bouton Retour en haut pour le commerce électronique, avec un design vibrant en mode sombre.
Retour en haut Bouton - Brutalisme
Un composant de bouton brutaliste « Back to Top » pour un portfolio, avec une palette de couleurs triadique et un design simple. Il est réactif et prend en charge le mode sombre à l’aide de Tailwind CSS.