# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/ru/docs/core/types/jsx-element.mdx
---
title: JsxElement
description: Определение типа для структурированных HTML-подобных элементов в переводимом JSX-контенте
---

## Обзор

`JsxElement` представляет собой структурированные HTML-подобные элементы в переводимом JSX-контенте.

```typescript
type JsxElement = {
  t?: string;      // имя тега
  i?: number;      // id
  d?: GTProp;      // данные/свойства GT
  c?: JsxChildren; // дочерние элементы
};
```


## Свойства

| Свойство | Тип           | Описание                 |
| -------- | ------------- | ------------------------ |
| `t?`     | `string`      | Имя HTML-тега            |
| `i?`     | `number`      | Внутренний идентификатор |
| `d?`     | `GTProp`      | Свойства/атрибуты GT     |
| `c?`     | `JsxChildren` | Дочернее содержимое      |

### Часто используемые ключи GT

| Ключ GT | Атрибут HTML  |
| ------- | ------------- |
| `pl`    | `placeholder` |
| `ti`    | `title`       |
| `alt`   | `alt`         |
| `arl`   | `aria-label`  |

## Примеры

### Основное использование

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

// Простой элемент
const heading: JsxElement = {
  t: 'h1',
  c: ['Welcome']
};

// С атрибутами
const button: JsxElement = {
  t: 'button',
  d: { ti: 'Submit form' },
  c: ['Submit']
};
```


## Связанные типы

* [`JsxChildren`](/docs/core/types/jsx-children) - Тип содержимого дочерних элементов
* [`JsxChild`](/docs/core/types/jsx-child) - Отдельные дочерние элементы