# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/fr/docs/core/types/jsx-element.mdx
---
title: JsxElement
description: Définition de type pour les éléments structurés de type HTML dans du contenu JSX traduisible
---

## Vue d’ensemble

`JsxElement` représente des éléments structurés de type HTML dans un contenu JSX traduisible.

```typescript
type JsxElement = {
  t?: string;      // nom de balise
  i?: number;      // id
  d?: GTProp;      // données/propriétés GT
  c?: JsxChildren; // enfants
};
```


## Propriétés

| Propriété | Type          | Description             |
| --------- | ------------- | ----------------------- |
| `t?`      | `string`      | Nom de la balise HTML   |
| `i?`      | `number`      | Identifiant interne     |
| `d?`      | `GTProp`      | Propriétés/attributs GT |
| `c?`      | `JsxChildren` | Contenu enfant          |

### Clés GT courantes

| Clé GT | Attribut HTML |
| ------ | ------------- |
| `pl`   | `placeholder` |
| `ti`   | `title`       |
| `alt`  | `alt`         |
| `arl`  | `aria-label`  |

## Exemples

### Utilisation de base

```typescript copy
import { JsxElement, Variable } from 'generaltranslation';

// Élément simple
const heading: JsxElement = {
  t: 'h1',
  c: ['Welcome']
};

// Avec attributs
const button: JsxElement = {
  t: 'button',
  d: { ti: 'Submit form' },
  c: ['Submit']
};
```


## Types associés

* [`JsxChildren`](/docs/core/types/jsx-children) - Type de contenu enfant
* [`JsxChild`](/docs/core/types/jsx-child) - Éléments enfants individuels