# Карточка

интерактивный элемент, представляет собой компактный контейнер с текстом и изображением. Пользователь может взаимодействовать с карточкой, например, щелкнув на нее для получения дополнительной информации.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FR1U5TYS4zfs6gCaSQ9tq%2FScreenshot_2.png?alt=media&#x26;token=e53be05b-1943-4906-9983-c33c4a88f2aa" alt=""><figcaption></figcaption></figure>

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Изменить картинку

Чтобы изменить изображение, нажмите на имя файла и выберите или загрузите новое изображение.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FD1yXxNe9R4CDNeedtVqD%2FScreen%20Recording%202024-03-22%20at%2017.07.25.gif?alt=media&#x26;token=bde91706-412b-4a46-be72-98602188ee09" alt=""><figcaption></figcaption></figure>

### 2. Изменить текст

Чтобы добавить текст, нажмите на карточку и начните вводить текст.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FLS0gNbILuyvnUWgHOmfa%2FScreen%20Recording%202024-03-22%20at%2017.09.14.gif?alt=media&#x26;token=a65aa5bd-29fe-4fbd-89ae-a7d4b8199389" alt=""><figcaption></figcaption></figure>

### 3. Перевернуть карточку

Чтобы перевернуть карточку, нажмите на иконку «Повернуть».

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FTAW4HuHf7pW3ftudo4eL%2FScreen%20Recording%202024-03-22%20at%2017.10.42.gif?alt=media&#x26;token=fe75ee22-d63b-42e1-992d-f1a111faae6a" alt=""><figcaption></figcaption></figure>

### 4. Добавить карточку

Добавить новую карточку возможно с помощью [Pro-режима](https://help.lynda.ru/sozdanie-proekta.-pervye-shagi/pro-rezhim).