Componenti funzionali Componente
Componente funzionale della dashboard minimalista con design reattivo e supporto per temi scuri.
Codice HTML
<div class="min-h-screen bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-white p-4 sm:p-6 lg:p-8">
<div class="container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Card 1 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Total Users</h2>
<p class="text-3xl font-bold">1500</p>
</div>
<!-- Card 2 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Revenue</h2>
<p class="text-3xl font-bold">$5000</p>
</div>
<!-- Card 3 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Orders</h2>
<p class="text-3xl font-bold">300</p>
</div>
</div>
</div>
</div>Componenti correlati
Componente funzionale per l'assistenza sanitaria
Un componente reattivo e tematico per applicazioni sanitarie, caratterizzato da design industriale, colori tenui e supporto per la modalità scura. Visualizza i dati del paziente/sensore con azioni rapide.
Event_Conference_Schedule
Un componente reattivo per il programma di eventi/conferenze con un design ispirato alla carta/stampa e una tavolozza di colori verde foresta, incluso il supporto della modalità scura. È dotato di una navigazione a schede per i diversi giorni e dettagli della sessione espandibili.