Page Composants

Cette page présente tous les composants disponibles dans le projet.

Button

Composant bouton réutilisable avec variants, tailles, icônes et état de chargement.

Couleurs personnalisées

Tailles

Avec Icônes

État de chargement

Arrondis

Autres options

Button Group

Horizontal (default)

Vertical

Composants de Layout (Header & Footer)

Les composants Header et Footer sont disponibles dans @synertech/ui v0.4.0. Ces composants sont utilisés dans le contexte global de l'application et sont visibles sur toutes les pages :

  • Header - Composant d'en-tête avec support pour :
    • Logo et navigation personnalisables
    • Items de navigation avec badges et sous-menus
    • Actions et contenu personnalisé à droite
    • Variantes (default, transparent, bordered, shadow)
    • Tailles (sm, md, lg)
    • Mode sticky/fixed
    • Recherche intégrée optionnelle
  • Footer - Composant de pied de page avec :
    • Contenu personnalisable (children)
    • Copyright automatique
    • Styles personnalisables via className

Note : Ces composants sont déjà intégrés dans le layout de l'application. Le Header est visible en haut de cette page et le Footer en bas.