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.
HTML Code
<button class="fixed bottom-5 right-5 bg-pink-300 text-white p-3 rounded-full shadow-lg transition-opacity hover:opacity-75 focus:outline-none dark:bg-pink-700 dark:text-gray-200">
<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>
</button>Composants associés
Retour en haut de la page Composant du bouton
Un bouton retour en haut réactif avec un design inspiré du papier/de l’impression, utilisant une palette de couleurs noir et blanc avec un accent subtil. Adapté aux plates-formes éducatives, il inclut la prise en charge du mode sombre et une mise en page propre et accessible.
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.
Retour en haut de la page Composant du bouton
Un composant de bouton réactif 'Back to Top' pour la documentation/les sites wiki, inspiré du design de Memphis avec une palette de couleurs violette/violette. Inclut la prise en charge du mode sombre et une apparence complexe et interactive.