CCHub Logo CCHub Tailwind Collection
Komponenten Komponenten für die Inhaltsanzeige SimpleContentDisplay

SimpleContentDisplay

Eine einfache Inhaltsanzeigekomponente mit responsivem Design und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS.

Vorschau

HTML-Code 

<div class="container mx-auto p-4 max-w-sm">
  <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
    <img class="w-full h-48 object-cover" src="https://picsum.photos/seed/123/400/300" alt="Placeholder image">
    <div class="p-4">
      <h2 class="text-xl font-semibold text-gray-800 dark:text-white mb-2">Article Title</h2>
      <p class="text-gray-600 dark:text-gray-300 text-sm leading-relaxed">This is a brief description of the article content. It provides a sneak peek into what the user can expect to read.</p>
      <div class="flex items-center mt-4">
        <img class="w-8 h-8 rounded-full mr-2" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Author avatar">
        <span class="text-gray-700 dark:text-gray-400 text-sm">John Doe</span>
      </div>
    </div>
  </div>
</div>

Verwandte Komponenten

Industrial_3D_Content_Display

Eine einfache, reaktionsschnelle Komponente zur Anzeige von Inhalten für Fertigungs-/Industrieunternehmen mit einem subtilen 3D-Design mit gedämpften Farben und Unterstützung des Dunkelmodus.

Offen

Komponente "Komponenten für die Inhaltsanzeige"

Eine Content Display Component mit Mikrointeraktionen, Graustufenfarben und moderater Komplexität, die für Portfolios mit responsiver Unterstützung für dunkle Themen entwickelt wurde.

Offen

Swiss_International_Typography_Content_Display_Component

Eine saubere, minimalistische Inhaltsanzeigekomponente für Dashboards, die Typografie und Rastersysteme mit coolen, neutralen Farben und voller Reaktionsfähigkeit betont.

Offen