BrandIcon
Le logo d'un service tiers — Vercel, Supabase, GitHub — sans dépendance.
Le système ne livre aucun logo : il prend l'objet d'icône que le projet importe lui-même, et ne dépend donc ni d'un paquet d'icônes ni de sa version.
Une marque quasi noire (Vercel, GitHub) disparaîtrait sur un fond sombre, une marque quasi blanche sur un fond clair : sur le thème où elle serait illisible, elle prend la couleur du texte plutôt que la sienne.
Installation
bash
sia-ui add brand-iconOu par le paquet, sans rien copier :
tsx
import { BrandIcon } from "@sia-ui/react-web";Utilisation
tsx
import { siVercel } from "simple-icons";
<BrandIcon icon={siVercel} />Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* icon | BrandIconData | — | |
colored | boolean | true | La couleur de la marque (défaut), ou currentColor quand il vaut false. |
decorative | boolean | false | Masquée des lecteurs d'écran : l'icône accompagne un texte qui la nomme déjà. |
size | string | number | 1em | La taille du carré. 1em par défaut : l'icône suit le texte. |
title | string | — | Le nom accessible. Par défaut, icon.title. |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.