Composant Messages d’erreur
Un composant réactif de messages d’erreur utilisant les principes de Material Design, avec une palette de couleurs triadique et la prise en charge du mode sombre, adapté à un portefeuille.
HTML Code
<div class="flex flex-col items-center justify-center p-5 bg-white rounded-lg shadow-md dark:bg-gray-800">
<img src="https://picsum.photos/200/100" alt="Error Image" class="rounded-lg shadow-sm mb-4">
<div class="text-center">
<h2 class="text-lg font-bold text-red-600 dark:text-red-400">Error Occurred!</h2>
<p class="mt-2 text-sm text-gray-600 dark:text-gray-300">Oops! Something went wrong while trying to display the content.</p>
<p class="mt-2 text-sm text-gray-600 dark:text-gray-300">Please try again later or contact support.</p>
<button class="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-800">Retry</button>
</div>
</div>Composants associés
Composant Messages d’erreur
Composant réactif de messages d’erreur conçu avec un style 3D et une palette de couleurs monochromatiques. Convient à un portfolio, avec des éléments interactifs pour l’engagement de l’utilisateur.
Retro_Vintage_Error_Message_Rainbow_Gradient
Un composant de message d’erreur complexe, sur le thème rétro/vintage pour les plates-formes éducatives, avec un arrière-plan dégradé arc-en-ciel et une esthétique des années 80/90, entièrement réactif avec prise en charge du mode sombre.
Composant Messages d’erreur
Un composant de messages d’erreur minimaliste conçu à l’aide de Tailwind CSS, avec des effets réactifs et une prise en charge du thème sombre.