• /
  • EnglishEspañolFrançais日本語한국어Português
  • Se connecterDémarrer

Cette traduction automatique est fournie pour votre commodité.

En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.

Créer un problème

PopoverCorps

Élément enfant du composant <Popover> .

Contient le contenu de la superposition Popover.

Usage

import { PopoverBody } from 'nr1'

Accessoires

children

OBLIGATOIRE
nœud

Contenu à restituer lorsque Popover s'ouvre.

className

chaîne

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

onClose

fonction

Rappel déclenché à chaque fois que la superposition est fermée lorsque Popover n'est pas contrôlé. Ne se déclenche pas lorsque Popover est contrôlé.

function (
event: React.MouseEvent
)

onOpen

fonction

Rappel déclenché à chaque fois que la superposition est ouverte lorsque Popover n'est pas contrôlé. Ne se déclenche pas lorsque Popover est contrôlé.

function (
event: React.MouseEvent
)

onToggle

fonction

Rappel déclenché à chaque fois que la superposition est basculée lorsque Popover n'est pas contrôlé. Ne se déclenche pas lorsque Popover est contrôlé.

function (
event: React.MouseEvent,
opened: boolean
)

placementType

énum.

Spécifie le placement du corps du popover par rapport au déclencheur du popover. L'affichage par défaut se situe en bas de l'écran, mais vous pouvez également choisir de l'afficher à partir de l'extrémité inférieure.

<One of

PopoverBody.PLACEMENT_TYPE.BOTTOM_END, PopoverBody.PLACEMENT_TYPE.BOTTOM_START

>

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.

Droits d'auteur © 2025 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.