Componentes funcionales Componente
Componente funcional de tablero minimalista con diseño receptivo y soporte de tema oscuro.
Código 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>Componentes relacionados
Paper_Print_Media_Card
Una tarjeta de medios simple y receptiva con un diseño inspirado en el papel/impresión y una combinación de colores pastel, compatible con el modo oscuro. Ideal para plataformas de entretenimiento o medios de comunicación.
Componente de componentes funcionales: interfaz de usuario del modo oscuro
Un componente de redes sociales receptivo diseñado con modo oscuro y tonos tierra, adecuado para interfaces de redes sociales. Cuenta con avatares de usuario, contenido de publicación y botones de interacción.
Tarjeta de reserva inspirada en papel/impresión
Un componente de tarjeta de reserva/reserva simple y receptivo con un diseño inspirado en el papel/impresión y una combinación de colores en tonos tierra, con soporte para el modo oscuro. Adecuado para mostrar las franjas horarias de las citas o los detalles de las reservas.