CCHub Logo CCHub Tailwind Collection
Komponenten Fehlermeldungen Komponente "Fehlermeldungen"

Komponente "Fehlermeldungen"

Fehlermeldungen Komponente mit 3D-Design, monochromatischem Farbschema, mäßiger Komplexität für Dashboard-Zwecke, responsives Design mit Unterstützung für dunkle Themen.

Vorschau

HTML-Code 

<div class="flex items-center justify-center h-screen bg-gray-100 dark:bg-gray-900">
  <div class="relative">
    <div class="absolute inset-0 bg-gradient-to-r from-purple-400 to-purple-600 transform -skew-y-3 rotate-1 scross-y-3 rounded-3xl dark:from-purple-700 dark:to-purple-900"></div>
    <div class="relative bg-white p-10 rounded-xl shadow-2xl text-center dark:bg-gray-800">
      <h1 class="text-3xl font-bold text-red-500 dark:text-red-400">Error!</h1>
      <p class="mt-4 text-gray-700 dark:text-gray-300">Something went wrong. Please try again later.</p>
      <button class="mt-6 px-8 py-2 bg-purple-500 text-white rounded-full hover:bg-purple-600 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-700">Retry</button>
    </div>
  </div>
</div>

Verwandte Komponenten

Komponente "Fehlermeldungen"

Eine reaktionsschnelle Fehlermeldungskomponente mit Erdtonverläufen, sanften Übergängen und Unterstützung für den Dunkelmodus, die für Beratungs-/Dienstleistungswebsites geeignet ist.

Offen

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.

Offen

Komponente "Fehlermeldung"

Verfeinerte Fehlermeldungskomponente mit Skeuomorphismus, triadischem Farbschema und einem einfachen Layout. Erstellt mit Tailwind CSS für Reaktionsfähigkeit und Unterstützung des Dunkelmodus. Kein JavaScript.

Offen