Badge

children

OBLIGATOIRE

chaîne|nombre

Chaîne à restituer à l'intérieur du badge. Les points de suspension s'appliqueront si le contenu comporte plus de 24 caractères.

className

chaîne

Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

spacingType

énumération[]

Propriété d'espacement. L'espacement est défini comme un uplet de zéro à quatre valeurs, qui suivent les mêmes conventions que les propriétés CSS comme margin ou padding. Pour omettre une valeur, utilisez SPACING_TYPE.OMIT.

style

objet

Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

testId

chaîne

Ajoute un attribut data-test-id . Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, my-nerdpack.some-element. Remarque : vous ne verrez peut-être pas l'attribut data-test-id car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête e2e-test à l'URL.

type

énum.

Le type peut être :

• Normal — indique un état général ou en cours, par exemple. « Bientôt disponible » ou « Mineur ».

• Info - indique un statut nouveau, créé ou d'aide, par exemple. « Nouveau », « Bêta » ou « Information ».

• Succès - indique un état réussi.

• Avertissement - indique les éléments qui nécessitent un avis d'état.

• Critique - indique les éléments problématiques.

  <One of

  Badge.TYPE.CRITICAL, Badge.TYPE.INFOBadge.TYPE.NORMAL, Badge.TYPE.SUCCESS, Badge.TYPE.WARNING,

  >