{# Cards #}

Cartes (Cards)

{# Simple Card #}

Carte simple

Une carte simple avec titre, icône et description.

{# Card with Image #}

Carte avec image

Cette carte inclut une zone pour une image en en-tête.

Voir

{# Card with list #}

Dernières activités

Jean Dupont

Connecté
Marie Martin

Tâche terminée
Pierre Durand

Erreur signalée

{# Pricing Card #}

Plan Standard

29XOF /mois

2 membres d'équipe
20GB de stockage
Support email
Support prioritaire

{# Stats Card #}

Statistiques

Voir tout

Visiteurs aujourd'hui 1,234

Conversions 456

{# Horizontal Card #}

Carte horizontale

Layout horizontal pour économiser de l'espace vertical.

{# Tables #}

Tableaux

{# Simple Table #}

Tableau simple

Nom du produit	Couleur	Catégorie	Prix
Apple MacBook Pro 17"	Argent	Ordinateur	2999XOF
Microsoft Surface Pro	Blanc	Tablette PC	1999XOF
Magic Mouse 2	Noir	Accessoires	99XOF

{# Table with actions #}

Tableau avec actions

{% for user in users %} {% endfor %}

checkbox	Nom	Email	Rôle	Statut	Action
checkbox	{{ user.name }}	{{ user.email }}	{{ user.role }}	{{ user.status == 'active' ? 'Actif' : 'Inactif' }}

{# Table with search #}

Tableau avec recherche et filtres

{% for user in users %} {% endfor %}

Nom	Email	Rôle	Statut	Action
{{ user.name }}	{{ user.email }}	{{ user.role }}	{{ user.status == 'active' ? 'Actif' : 'Inactif' }}	Modifier

{# List Groups #}

Listes groupées

{# Simple list #}

{# List with badges #}

Inbox 14 Favoris 5 Envoyés 23 Corbeille 2

{# Progress Bars #}

Barres de progression

Flowbite 45%

Progression 75%

Alerte 90%

{# Avatars #}

Tables, Cards & Affichage de données