Retour en haut du bouton
Un bouton de retour en haut minimaliste et plat qui s’intègre dans l’interface d’un tableau de bord. Le bouton est doté d’une palette de couleurs monochromatiques et comprend des effets de survol et de mise au point pour une meilleure interactivité. Il est également réactif et prend en charge le mode sombre.
HTML Code
<div class="fixed bottom-8 right-8">
<a href="#" class="flex items-center justify-center w-12 h-12 rounded-full bg-gray-600 text-white shadow-lg transition-all ease-in-out duration-300 hover:bg-gray-500 dark:bg-gray-800 dark:hover:bg-gray-700">
<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="M12 4v16m8-8H4" />
</svg>
</a>
</div>Composants associés
Retour en haut du bouton
Un bouton Material Design Back to Top qui apparaît lorsque l’utilisateur fait défiler la page. Il comprend la prise en charge du mode sombre et un défilement fluide.
Retour en haut du bouton
Un simple bouton Retour en haut avec un design Glassmorphism et une palette de couleurs monochromatique pour les sites Web de commerce électronique.
Retour en haut Bouton - Material Design Pastel
Un composant de bouton réactif « Retour en haut » suivant les principes de Material Design avec une palette de couleurs pastel, adapté à un site web de portfolio. Il inclut un design réactif et la prise en charge du mode sombre à l’aide de Tailwind CSS.