Componente de mensajes de error
Un componente de mensajes de error responsivo que utiliza los principios de Material Design, con un esquema de color triádico y compatibilidad con el modo oscuro, adaptado a una cartera.
Código HTML
<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>Componentes relacionados
Componente de mensajes de error
Componente de mensajes de error retro/vintage con un esquema de color pastel, diseño complejo, diseño responsivo y soporte de temas oscuros utilizando Tailwind CSS.
Componente de mensajes de error - Comida/Restaurante
Un componente de mensaje de error triádico complejo, inspirado en papel e impresión para sitios web de alimentos y restaurantes, con soporte para modo oscuro y capacidad de respuesta completa. Cuenta con múltiples elementos interactivos que simulan una impresión física.
Componente de mensajes de error
Skeuomorfismo, esquema de color triádico, componente complejo de mensajes de error de comercio electrónico con diseño receptivo y soporte de modo oscuro.