Componentes Mensajes de error Componente de mensajes de error

Componente de mensajes de error

Un componente de mensajes de error receptivo diseñado para interfaces de redes sociales, que utiliza un modo oscuro y un esquema de color en escala de grises con Tailwind CSS.

Vista previa

Código HTML

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

Componentes relacionados

Componente de mensajes de error

Un componente de mensajes de error interactivo diseñado para el modo oscuro con un esquema de color monocromático. Está pensado para que un panel visualice errores o advertencias, con elementos interactivos como botones de descarte e iconos de error.

Abrir

Componente de mensajes de error

Componente de mensajes de error con diseño 3D, combinación de colores monocromática, complejidad moderada para el propósito del tablero, diseño receptivo con soporte de tema oscuro.

Abrir

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.

Abrir