Brickslab.Toolsv2.1.1

@brickslab./ui-web

Liste de liens avec descriptions optionnelles. Idéal pour les menus de navigation, les catalogues de ressources ou les sections d'index avec courtes descriptions.

Aperçu

avec titre et descriptions

Composants UI
Heading
Titre sémantique h1–h6 avec contrôle du niveau, du ton et des effets visuels.
Text
Texte courant avec 4 variantes typographiques et 3 tons de couleur.
TextCard
Carte de contenu avec fond transparent, semi-opaque ou flouté.
TagChip
Étiquette compacte pour catégoriser du contenu.

sans descriptions

liens simples sans descriptions

Props

PropTypeDéfautRequisDescription
linksLinkListItem[]—✓Liste des liens à afficher. Chaque item contient un label, un href et une description optionnelle.
titlestring——Titre optionnel de la liste de liens.
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
  links={[]}
  title="..."
/>
linkstitle

Utilisation

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

// Avec descriptions
<LinkList
  title="Composants"
  links={[
    {
      label: "Heading",
      href: "/components/heading",
      description: "Titre sémantique h1–h6 avec contrôle du niveau et du ton.",
    },
    {
      label: "Text",
      href: "/components/text",
      description: "Texte courant en 4 variantes typographiques.",
    },
    {
      label: "TextCard",
      href: "/components/textcard",
      description: "Carte de contenu avec fond transparent, opaque ou flouté.",
    },
  ]}
/>

// Sans descriptions ni titre
<LinkList
  links={[
    { label: "Accueil", href: "/" },
    { label: "Composants", href: "/components" },
    { label: "Documentation", href: "/docs" },
  ]}
/>