FavoriteTableRowCell

Affiche une cellule de tableau de lignes affichant le statut favori d'une entité particulière. Le statut favori peut être contrôlé via la propriété checked et les changements de statut peuvent être écoutés via la propriété onChange .

Usage

import { FavoriteTableRowCell } from 'nr1'

Exemples

Exemple 1

function render() {
  const items = [
    {
      name: 'Login service',
      alertSeverity: 'CRITICAL',
      reporting: true,
      favorite: true,
    },
    {
      name: 'Service Gateway',
      alertSeverity: 'NOT_ALERTING',
      reporting: true,
      favorite: false,
    },
  ];
  return (
    <Table items={items}>
      <TableHeader>
        <TableHeaderCell width="56px" />
        <TableHeaderCell>Entity</TableHeaderCell>
      </TableHeader>
      {({ item }) => (
        <TableRow>
          <FavoriteTableRowCell checked={item.favorite} />
          <EntityTitleTableRowCell value={item} />
        </TableRow>
      )}
    </Table>
  );
}

Accessoires

checked

booléen

Si true, indique que l'utilisateur a marqué l'entité comme favorite.

className

chaîne

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

onChange

fonction

Rappel déclenché à chaque fois que le statut du favori change. Le nouveau statut favori sera transmis comme deuxième paramètre.

function (event: React.MouseEvent, 
checked: 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.

to

forme|chaîne

Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien. Les TableRowCellliés ne sont pas stylisés et n'afficheront pas d'icônes pour les liens externes. Si le même style que le composant Link est souhaité, utilisez plutôt un Link comme composant enfant dans la cellule.

forme

pathname

OBLIGATOIRE

chaîne

search

chaîne

hash

Cette traduction automatique est fournie pour votre commodité.

FavoriteTableRowCell

Usage.css-21sua1{background:none;border:none;width:0;padding:0;}

Exemples

Exemple 1

Accessoires

booléen

chaîne

fonction

objet

chaîne

forme|chaîne

forme

OBLIGATOIRE

chaîne

chaîne

chaîne

Usage