Page Composants
Cette page présente tous les composants disponibles dans le projet.
Button
Composant bouton réutilisable avec différents états.
Input
Composant champ de saisie avec support pour labels et mode inline.
Modal
Composant modal/dialogue pour afficher du contenu en superposition.
Table (Composants combinés)
Ensemble de composants pour créer des tables de données :Table,TableHeader,TableHeaderCell,TableBody,TableRow,TableCell
| ID | Nom | Prénom | |
|---|---|---|---|
| 1 | Dupont | Jean | jean.dupont@email.com |
| 2 | Martin | Marie | marie.martin@email.com |
| 3 | Bernard | Pierre | pierre.bernard@email.com |
DataTableWithModal
Composant avancé combinant une table de données avec tri, compteur de lignes, et une modal pour visualiser/ajouter des entrées.
Utilisateurs (Demo)
3 lignes
ID | Prénom | Nom | Email |
|---|---|---|---|
| 1 | Jean | Dupont | jean.dupont@email.com |
| 2 | Marie | Martin | marie.martin@email.com |
| 3 | Pierre | Bernard | pierre.bernard@email.com |
Autres Composants
Ces composants sont utilisés dans le contexte de l'application et ne peuvent pas être démontrés isolément :
- Header - Composant d'en-tête de l'application (visible en haut de cette page)
- Footer - Composant de pied de page de l'application (visible en bas de cette page)
- Dashboard - Composant de tableau de bord qui combine DataTableWithModal avec les services utilisateur