Composant Messages d’erreur
Un composant réactif de messages d’erreur conçu pour les interfaces de réseaux sociaux, utilisant un mode sombre et un schéma de couleurs en niveaux de gris avec Tailwind CSS.
HTML Code
<div class="min-h-screen bg-gray-900 text-white flex flex-col items-center justify-center p-4">
<div class="bg-gray-800 rounded-lg shadow-lg p-6 text-center max-w-md w-full">
<h2 class="text-lg font-semibold mb-2">Error Occurred</h2>
<p class="mb-4">There was a problem processing your request. Please try again later.</p>
<div class="flex items-center justify-center mb-4">
<img src="https://randomuser.me/api/portraits/men/85.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border border-gray-600 mr-3">
<span class="text-sm">John Doe</span>
</div>
<img src="https://picsum.photos/200/100?random=1" alt="Error Illustration" class="rounded-lg mb-4 w-full">
<button class="bg-gray-600 hover:bg-gray-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
Retry
</button>
</div>
</div>Composants associés
Composant de message d’erreur
Amélioration du composant de message d’erreur à l’aide du skeuomorphisme, du schéma de couleurs triadique et d’une mise en page simple. Conçu avec Tailwind CSS pour la réactivité et la prise en charge du mode sombre. Pas de JavaScript.
Composant Messages d’erreur
Composant réactif de messages d’erreur conçu pour le mode sombre avec une palette de couleurs monochromatiques. Il est destiné à un tableau de bord permettant de visualiser les erreurs ou les avertissements, avec des éléments interactifs tels que des boutons de fermeture et des icônes d’erreur.
Composant Messages d’erreur
Composant de messages d’erreur avec conception 3D, schéma de couleurs monochromatique, complexité modérée pour le tableau de bord, conception réactive avec prise en charge du thème sombre.