# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/it/docs/core/types/jsx-element.mdx
---
title: JsxElement
description: Definizione di tipo per elementi strutturati simile a HTML nel contenuto JSX traducibile
---

## Panoramica

`JsxElement` rappresenta elementi strutturati simili a HTML all'interno di contenuti JSX traducibili.

```typescript
type JsxElement = {
  t?: string;      // nome del tag
  i?: number;      // id
  d?: GTProp;      // dati/proprietà GT
  c?: JsxChildren; // figli
};
```


## Proprietà

| Proprietà | Tipo          | Descrizione            |
| --------- | ------------- | ---------------------- |
| `t?`      | `string`      | Nome del tag HTML      |
| `i?`      | `number`      | Identificatore interno |
| `d?`      | `GTProp`      | Proprietà/attributi GT |
| `c?`      | `JsxChildren` | Contenuto figlio       |

### Chiavi GT più comuni

| Chiave GT | Attributo HTML |
| --------- | -------------- |
| `pl`      | `placeholder`  |
| `ti`      | `title`        |
| `alt`     | `alt`          |
| `arl`     | `aria-label`   |

## Esempi

### Uso di base

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

// Elemento semplice
const heading: JsxElement = {
  t: 'h1',
  c: ['Welcome']
};

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


## Tipi correlati

* [`JsxChildren`](/docs/core/types/jsx-children) - Tipo di contenuto figlio
* [`JsxChild`](/docs/core/types/jsx-child) - Singoli elementi figlio