• /
  • 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

GridItem

Élément enfant du composant <Grid> .

Par défaut, il s'étend sur une colonne, mais vous pouvez spécifier le nombre de colonnes qu'il doit s'étendre en définissant les accessoires columnSpan ou columnStart et columnEnd .

Usage

import { GridItem } from 'nr1'

Accessoires

children

OBLIGATOIRE
nœud

Contenu à restituer à l'intérieur de l'élément de grille.

className

chaîne

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

collapseGapAfter

booléen

Si true, l'élément de grille remplira l'espace de colonne suivant défini par la grille.

collapseGapBefore

booléen

Si true, l'élément de grille remplira l'espace de colonne précédent défini par la grille.

columnEnd

nombre

Détermine la colonne de fin de l'élément de grille dans la grille.Valeurs possibles : entier compris entre 1 et 12.

columnSpan

nombre

Détermine sur combien de colonnes l'élément de grille doit s'étendre, à partir du columnStart fourni. Cet accessoire doit être utilisé comme alternative à columnEnd. Si les deux sont fournis, seul le columnEnd sera pris en compte.Valeurs possibles : entier compris entre 1 et 12.

columnStart

nombre

Détermine la colonne de départ de l'élément de grille dans la grille. Valeurs possibles : entier compris entre 1 et 12.

style

objet

Style en ligne pour un style personnalisé.

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.