Komponente "Fehlermeldungen"
Eine Komponente für reaktionsschnelle Fehlermeldungen, die auf Material Design-Prinzipien basiert, mit einem triadischen Farbschema und Unterstützung für den Dunkelmodus, die auf ein Portfolio zugeschnitten ist.
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>Verwandte Komponenten
Komponente "Fehlermeldungen"
Eine reaktionsschnelle Fehlermeldungskomponente, die für den Dunkelmodus mit einem monochromatischen Farbschema entwickelt wurde. Es ist für ein Dashboard zur Visualisierung von Fehlern oder Warnungen gedacht, das interaktive Elemente wie Schaltflächen zum Schließen und Fehlersymbole enthält.
Fehlermeldungen Komponente 45
Eine Fehlermeldungskomponente im Retro-/Vintage-Stil mit responsiven Effekten und Unterstützung für dunkle Themen, die Tailwind CSS verwendet.
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.