Brickslab.Toolsv2.1.1

@brickslab./ui-web

Groupe d'icônes de liens vers les réseaux sociaux. Supporte GitHub, Twitter, LinkedIn, Instagram et YouTube. Disponible en 3 tailles avec icônes accessibles.

Aperçu

size

size="sm"
size="md"
size="lg"

toutes les plateformes — size: md

Props

PropTypeDéfautRequisDescription
linksSocialLink[]—✓Liste des liens sociaux à afficher. Chaque item contient une plateforme ("github" | "twitter" | "linkedin" | "instagram" | "youtube") et un href.
size"sm" | "md" | "lg""md"—Taille des icônes et des zones cliquables.
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={[]}
  size="md"
/>
linkssize

Utilisation

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

// Taille par défaut
<SocialLinks
  links={[
    { platform: "github",   href: "https://github.com/brickslab" },
    { platform: "twitter",  href: "https://twitter.com/brickslab" },
    { platform: "linkedin", href: "https://linkedin.com/company/brickslab" },
  ]}
/>

// Toutes les plateformes, taille sm
<SocialLinks
  size="sm"
  links={[
    { platform: "github",    href: "https://github.com/brickslab" },
    { platform: "twitter",   href: "https://twitter.com/brickslab" },
    { platform: "linkedin",  href: "https://linkedin.com/company/brickslab" },
    { platform: "instagram", href: "https://instagram.com/brickslab" },
    { platform: "youtube",   href: "https://youtube.com/@brickslab" },
  ]}
/>