LegbaName
expérimentaldepuis 0.1.0@legba-core/ui
Aperçu en direct — vrai composant, pas une image
LegbaName
Ce que ça fait
Affiche value (<legba-name>) telle quelle — jamais recoupée, l’espacement de l’appelant est préservé. Une value vide ou ne contenant que des blancs affiche un texte de repli documenté (LEGBA_NAME_FALLBACK), jamais une chaîne vide silencieuse. Rien d’asynchrone ni de faillible : pas d’état chargement/erreur.
Signature
class LegbaName extends LegbaElement {
value: string;
}
Tag : legba-name.
Paramètres
| Propriété | Type | Requis | Défaut | Description |
|---|---|---|---|---|
value | string | non | "" | Texte à afficher tel quel ; vide/blanc → repli LEGBA_NAME_FALLBACK |
Retour
N/A — un élément DOM. Aucun événement émis.
Erreurs
Aucune : value vide/blanche n’est jamais une erreur, seulement un repli d’affichage.
Exemple minimal
import type { LegbaName } from "@legba-core/ui";
function showName(el: LegbaName, value: string): void {
el.value = value;
}
Exemple complet
import type { LegbaName } from "@legba-core/ui";
function wireParticipantName(el: LegbaName, participant: { displayName?: string }): void {
// Une valeur absente/blanche affiche le repli documenté — inutile de
// vérifier soi-même avant d'affecter la propriété.
el.value = participant.displayName ?? "";
}
Pièges
valuen’est jamais recoupée avant affichage :" Ada "s’affiche avec ses espaces internes intacts — seule la DÉTECTION du cas vide utilise untrim()interne.- Une
valuecomposée uniquement d’espaces est traitée comme vide (repli affiché), pas une chaîne blanche silencieuse. - Unicode (accents, emoji) affiché tel quel, sans troncature.
- Consomme les jetons
--legba-*comme tout composant@legba-core/ui: ne redéclare jamais un jeton public directement, voirLegbaElement.