CCHub Logo CCHub Tailwind Collection
Komponenten Lader Dark-Modus-Lader

Dark-Modus-Lader

Loader- oder Skeleton-Komponente für Dark-Mode-Schnittstellen mit responsiven Funktionen. Kein Javascript erforderlich.

Vorschau

HTML-Code 

<div class="flex flex-col gap-4 w-full">
  <div class="flex items-center justify-between">
    <div>
      <div class="h-2 w-24 bg-gray-500 rounded"></div>
      <div class="h-2 w-16 bg-gray-500 mt-2 rounded"></div>
    </div>
    <div class="h-10 w-10 bg-gray-500 rounded-full"></div>
  </div>
  <div class="space-y-2">
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-1/2 bg-gray-500 rounded"></div>
  </div>
</div>

Verwandte Komponenten

Lader-Komponente

Eine reaktionsschnelle Ladekomponente mit Unterstützung für den Dunkelmodus.

Offen

Lader-Komponente

Eine Loaders-Komponente, die im Material Design-Stil mit responsiven Effekten und Unterstützung für dunkle Designs unter Verwendung von Tailwind CSS entworfen wurde.

Offen

Lader-Komponente

Eine einfache Ladekomponente, die für Social-Media-Schnittstellen im Dunkelmodus mit einem monochromatischen Farbschema entwickelt wurde.

Offen