# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/es/docs/core/types/jsx-element.mdx
---
title: JsxElement
description: Definición de tipo para elementos estructurados de tipo HTML en contenido JSX traducible
---

## Descripción general

`JsxElement` representa elementos estructurados de tipo HTML en contenido JSX traducible.

```typescript
type JsxElement = {
  t?: string;      // nombre de etiqueta
  i?: number;      // id
  d?: GTProp;      // datos/propiedades de GT
  c?: JsxChildren; // elementos hijos
};
```


## Propiedades

| Propiedad | Tipo          | Descripción                 |
| --------- | ------------- | --------------------------- |
| `t?`      | `string`      | Nombre de la etiqueta HTML  |
| `i?`      | `number`      | Identificador interno       |
| `d?`      | `GTProp`      | Propiedades/atributos de GT |
| `c?`      | `JsxChildren` | Contenido hijo              |

### Claves de GT comunes

| Clave de GT | Atributo HTML |
| ----------- | ------------- |
| `pl`        | `placeholder` |
| `ti`        | `title`       |
| `alt`       | `alt`         |
| `arl`       | `aria-label`  |

## Ejemplos

### Uso básico

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

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

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


## Tipos relacionados

* [`JsxChildren`](/docs/core/types/jsx-children) - Tipo de contenido hijo
* [`JsxChild`](/docs/core/types/jsx-child) - Elementos hijo individuales