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

LayoutItem

Élément enfant du composant <Layout> .

Par défaut, le type principal est utilisé pour couvrir toute la largeur de la zone de mise en page. La division à gauche et la division à droite fournissent une zone gauche/droite fixe. La mise en page ne prend en charge qu'un seul type de chaque.

Usage

import { LayoutItem } from 'nr1'

Accessoires

children

OBLIGATOIRE
nœud

Contenu à afficher à l'intérieur de l'élément enfant.

className

chaîne

Ajoute les noms de classe au composant.

sizeType

énum.

Détermine la largeur de l'élément de mise en page. Nous vous recommandons d'utiliser la petite taille à des fins de navigation (ex. barres latérales) et la taille moyenne pour afficher des informations contextualisées (ex. flux d'activité). Le type de taille ne fonctionne que sur les éléments SPLIT_LEFT et SPLIT_RIGHT.

<One of

LayoutItem.SIZE_TYPE.MEDIUM, LayoutItem.SIZE_TYPE.SMALL,

>

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.

type

énum.

Le type peut être :

  • Principal — Utilisé pour placer le contenu principal sur chaque vue. Il s'étend sur toute la largeur de la zone de mise en page.

  • Diviser à gauche — Rendu sous forme de zone fixe sur la gauche de la mise en page.

  • Diviser à droite — Rendu sous forme de zone fixe à droite de la mise en page.

    <One of

    LayoutItem.TYPE.MAIN, LayoutItem.TYPE.SPLIT_LEFT, LayoutItem.TYPE.SPLIT_RIGHT,

    >
Droits d'auteur © 2025 New Relic Inc.

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