Brickslab.Tools

@brickslab./ui-web

Bloc d'introduction présentant la solution Brickslab et liens rapides.

Aperçu

IntroCard avec tous les éléments

Brickslab — Design System

Centralisez vos composants, tokens et documentation pour accélérer vos livraisons.

Nouvelle version avec thème sombre inclus

En savoir plus →

Props

Prop	Type	Défaut	Requis	Description
`title`	`string`	—	✓	Titre affiché
`description`	`string`	—	—	Texte secondaire
`highlight`	`string`	—	—	Texte mis en avant
`cta`	`{label:string;href:string}`	—	—	Call-to-action

Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  title="..."
  description="..."
  highlight="..."
  cta="..."
/>

titledescriptionhighlightcta

Override titre/sous-titre: taille + couleur

Exemple cible pour personnaliser la taille et la couleur via les variables CSS (tokens) autour du composant.

<div
  style={{
    "--fontsize-3xl": "2.25rem",
    "--fontsize-xl": "1.125rem",
    "--color-fg": "#111827",
    "--color-muted": "#4B5563",
    "--color-brand": "#CC4A48",
  } as React.CSSProperties}
>
  <MyComponent
    title="Votre titre"
    description="Votre sous-titre"
  />
</div>

Utilisation

tsx

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

<IntroCard
  title="Bienvenue sur Brickslab"
  description="Centralisez vos composants et tokens."
  highlight="Nouvelle version disponible"
  cta={{ label: "Découvrir", href: "/docs" }}
/>