Komponente "Fehlermeldungen"
Eine reaktionsschnelle Fehlermeldungskomponente, die für Schnittstellen in sozialen Netzwerken entwickelt wurde und einen Dunkelmodus und ein Graustufen-Farbschema mit Tailwind CSS verwendet.
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>Verwandte Komponenten
Minimalistische Graustufen-Fehlermeldung
Eine minimalistische und reaktionsschnelle Graustufen-Fehlermeldungskomponente, die für Sport-/Fitnessanwendungen entwickelt wurde und den Dunkelmodus unterstützt.
Komponente "Fehlermeldungen" - CRM/Business Tools
Eine komplexe, reaktionsschnelle Fehlermeldungskomponente, die für CRM/Business-Tools entwickelt wurde und einen klaren, minimalistischen Swiss/International Typography-Stil mit lebendigen Farben und Unterstützung für den Dunkelmodus bietet.
Komponente "Fehlermeldungen"
Eine Fehlermeldungs-Komponente, die im Brutalismus-Stil unter Verwendung eines analogen Farbschemas für eine Social-Media-Oberfläche mit einem responsiven Design und Unterstützung für dunkle Themen entworfen wurde.