UserTableRowCell

UserTableRowCell

Affiche une cellule de tableau de lignes montrant un utilisateur particulier. Cette cellule prend l'objet utilisateur comme enfant, ce qui est à son tour compatible avec l'objet utilisateur NerdGraph (nécessitant, au minimum, les champs name et gravatar ).

Usage

import { UserTableRowCell } from 'nr1'

Exemples

Exemple 1

function render() {
  const items = [
    {
      name: 'John Doe',
      gravatar:
        'https://secure.gravatar.com/avatar/79988df068cb4d952284a3395412dc4f',
    },
  ];


  return (
    <Table items={items}>
      <TableHeader>
        <TableHeaderCell>User</TableHeaderCell>
      </TableHeader>


      {({ item }) => (
        <TableRow>
          <UserTableRowCell value={item} />
        </TableRow>
      )}
    </Table>
  );
}

Accessoires

className

chaîne

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

onClick

fonction

Rappel déclenché à chaque fois que l'utilisateur clique sur la cellule du tableau.

function (event: React.MouseEvent 
)

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

pathname

OBLIGATOIRE

chaîne

search

chaîne

hash

chaîne

value

OBLIGATOIRE

forme

Objet utilisateur, qui nécessite (au moins) les champs name et gravatar . Cet objet correspond à la structure utilisateur obtenue à partir de NerdGraph.

forme

name

OBLIGATOIRE

chaîne

gravatar

Cette traduction automatique est fournie pour votre commodité.

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

Exemples

Exemple 1

Accessoires

chaîne

fonction

objet

chaîne

forme|chaîne

cellule

OBLIGATOIRE

chaîne

chaîne

chaîne

OBLIGATOIRE

forme

forme

OBLIGATOIRE

chaîne

OBLIGATOIRE

chaîne

Usage