Composant Graphiques
Un composant de graphiques minimaliste avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS.
HTML Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
<h2 class="text-lg font-semibold text-gray-800 dark:text-white mb-4">Sales Overview</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="flex items-center justify-between">
<div class="text-sm text-gray-500 dark:text-gray-300">Revenue</div>
<div class="text-lg font-bold text-green-500">$12,450</div>
</div>
<div class="flex items-center justify-between">
<div class="text-sm text-gray-500 dark:text-gray-300">Profit</div>
<div class="text-lg font-bold text-blue-500">$5,600</div>
</div>
</div>
<div class="mt-4">
<div class="w-full h-32 bg-gray-200 dark:bg-gray-700 rounded-lg"></div>
</div>
</div>Composants associés
Industrial_Chart_Component_Ocean_Blue_Simple
Un composant de graphique simple et réactif avec une esthétique industrielle et des matériaux bruts utilisant des tons océan/bleu, conçu pour les organisations à but non lucratif/caritatives. Inclut la prise en charge du mode sombre.
SkeuomorphicSocialMediaChart
Un composant graphique simple, inspiré du Skeuomorphic, pour les médias sociaux, avec des couleurs complémentaires et un design réactif.
Tableau des ventes de Glassmorphism
Un composant graphique simple et réactif avec un style Glassmorphism, une palette de couleurs vives et une prise en charge du mode sombre, adapté aux tableaux de bord de commerce électronique.