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

CardSection

Élément enfant du composant <CardBody> .

Usage

import { CardSection } from 'nr1'

Accessoires

children

OBLIGATOIRE
nœud

Contenu à rendre à l'intérieur de la carte.

className

chaîne

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

collapsed

booléen

Définissez cet accessoire pour contrôler l'état réduit du composant. S'il est défini, il transforme le composant en composant contrôlé.

collapsible

booléen

Définissez cet accessoire pour rendre le composant pliable.

defaultCollapsed

booléen

Si true, l'état initial réduit de la carte est collapsed. Utile lorsque vous ne souhaitez pas utiliser un composant contrôlé.

onChange

fonction

Cette fonction sera appelée chaque fois que l'utilisateur cliquera sur l'en-tête pour réduire ou développer le composant. Si vous contrôlez l'état du composant, utilisez ceci pour définir la valeur de l'accessoire collapsed .

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

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.