# Вкладки

### Как добавить блок?

Через меню добавления контентных блоков. [<span style="color: rgb(35, 111, 161);">Подробнее о блоках</span>.](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki)

[![tab_1.png](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-01/tab-1.png)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-01/tab-1.png)

### Как выглядит блок?

[![Вкладки - как выглядят.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-vyglyadyat.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-vyglyadyat.gif)

### Как работать с блоком?

Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «**Вкладки**» можно добавить:

- заголовок каждой вкладки
- текст для каждой вкладки
- картинку для каждой вкладки

Картинки, которые вы добавили во «**Вкладки**», всегда могут быть просмотрены учениками в полном размере.

Использование изображений

[![Вкладки - как наполнить.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-napolnit.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-napolnit.gif)



Еще есть возможность сгенерировать картинку с помощью нейросети.

[![bandicam 2024-08-05 14-08-09-590.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-08/bandicam-2024-08-05-14-08-09-590.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-08/bandicam-2024-08-05-14-08-09-590.gif)



#### Как добавлять и удалять вкладки?

Количество вкладок в блоке «**Вкладки**» не ограничено. Вы можете добавить любое количество, нажав на кнопку «**Добавить новую вкладку**» внизу. А удалить ненужные вкладки можно, нажав на значок «**Корзина**».

<p class="callout warning">Обратите внимание, что после удаления, восстановить вкладку невозможно.</p>

[![Вкладки - как сгенерировать.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-sgenerirovat.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-sgenerirovat.gif)

#### Как изменить внешний вид?

##### Текст

Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. [<span style="color: rgb(35, 111, 161);">Подробнее о редакторе.</span>](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-formatirovat-tekst)

##### Подсказка

Вы можете изменить текст подсказки.

[![Вкладки - как удалить и добавить.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-udalit-i-dobavit.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/vkladki-kak-udalit-i-dobavit.gif)

##### Цвет

Цвет активной вкладки наследуется из цветовой темы лонгрида.


### Как я могу использовать этот блок?

Этот блок хорошо подходит:

- Для разделения информации на разные категории.  
    Например, кратко описать 3 основных продукта компании.
- Для пошаговых пояснений.  
    1 вкладка = 1 шаг.