@brickslab/ui-web

Section hero du dashboard : titre dynamique avec compteur de composants, description du design system et deux boutons CTA.

Aperçu

Hero complet avec CTA et panneau d'information

Tableau de bord Brickslab

Construisons plus vite, avec 42+ briques prêtes à assembler.

Ce dashboard centralise l'état du design system : inventaire des composants, nouveautés fraîchement publiées, et niveau de confiance via les tests automatisés.

Parcourir le catalogue Voir les fondations

Pourquoi Brickslab ?Stack modulaire

Kit UI cohérent web + mobile avec thèmes tokens
Catalogue documenté avec exemples live
Qualité assurée par tests unitaires et visuels
Navigation guidée : recherche, filtres, sections

Props

Prop	Type	Défaut	Requis	Description
`totalComponents`	`number`	—	✓	Nombre total de composants affichés dans le titre.
`subtitle`	`string`	`"Tableau de bord Brickslab"`	—	Sous-titre affiché au-dessus du titre principal.
`primaryLabel`	`string`	`"Parcourir le catalogue"`	—	Libellé du bouton CTA principal.
`primaryHref`	`string`	`"/components/sectiongallery"`	—	URL du bouton CTA principal.
`secondaryLabel`	`string`	`"Voir les fondations"`	—	Libellé du bouton CTA secondaire.
`secondaryHref`	`string`	`"/components/searchbar"`	—	URL du bouton CTA secondaire.

Utilisation

tsx

import { DashboardHero } from "@brickslab/ui-web";

<DashboardHero
  totalComponents={42}
  subtitle="Tableau de bord Brickslab"
  primaryLabel="Parcourir le catalogue"
  primaryHref="/components/sectiongallery"
  secondaryLabel="Voir les fondations"
  secondaryHref="/components/searchbar"
/>