Page Composants

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

Primitives de graphiques (v0.40.0)

Les cinq graphiques et les cartes KPI démontrés plus haut sont assemblés à partir de primitives exportées, utiles pour composer une forme que la trousse ne couvre pas :

• ChartContainer — le cadre commun : largeur mesurée, titre, légende, états de chargement et de vide, bascule du tableau de données. La zone de tracé est une fonction de rendu.
• ChartAxis, ChartGrid — un axe, et la grille en traits pleins derrière les marques.
• ChartLegend — la légende, présente dès deux séries, avec bascule d'affichage optionnelle.
• ChartTooltip, ChartTooltipContent — la lecture au survol, positionnée dans le conteneur plutôt que dans un portail.
• ChartTableView — le jumeau tabulaire d'un graphique : aucune valeur n'est accessible par le seul survol.

Et les utilitaires qui vont avec :

• useChartSize — mesure le conteneur et livre la géométrie du tracé.
• getSeriesColor, resolveSeriesColor, getSeriesLabel, toLegendItems.
• CHART_SERIES_COLORS — les huit couleurs de séries, exposées en variables CSS.