Composants Retour en haut du bouton Retour en haut Bouton - Material Design Pastel

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.

Aperçu

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 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.

Ouvrir

Retour en haut de la page Composant du bouton

Un composant de bouton « Retour en haut » réactif pour les sites de commerce électronique, avec un design monochrome en noir et blanc avec une couleur d’accent vive et une micro-interaction attrayante au survol. Inclut la prise en charge du mode sombre.

Ouvrir

Retour en haut de la page Composant du bouton

Un bouton « Retour en haut » réactif avec des animations axées sur la micro-interaction, une palette de couleurs triadique et une prise en charge du thème sombre, adapté à un portfolio.

Ouvrir