> ## Documentation Index
> Fetch the complete documentation index at: https://poehali.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Редактирование проекта

> Или как обновлять существующие компоненты?

## Редактор

Редактор помогает менять элементы на сайте. Выберите элемент и измените его через интерфейс или с помощью Юры.

<img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-1.png" alt="Редактор в светлой теме" />

<img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-1.png" alt="Редактор в темной теме" />

<Note>
  Можно редактировать кнопки, формы, карточки, меню и другие элементы.
</Note>

## Как это работает

<Steps>
  <Step title="Выбор элемента">
    Кликните на элемент, который хотите изменить

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-2.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-2.png" alt="Редактор в темной теме" />

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-3.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-3.png" alt="Редактор в темной теме" />
  </Step>

  <Step title="Редактирование через интерфейс">
    После выбора появится панель настроек. Используйте её для редактирования

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-4.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-4.png" alt="Редактор в темной теме" />

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-5.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-5.png" alt="Редактор в темной теме" />

    <Note>
      * **Маржин** – отступ снаружи элемента.
      * **Паддинг** – отступ внутри элемента.
    </Note>
  </Step>

  <Step title="Редактирование с помощью Юры">
    Опишите изменения в текстовом запросе

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-6.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-6.png" alt="Редактор в темной теме" />

    <img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-7.png" alt="Редактор в светлой теме" />

    <img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/editor-7.png" alt="Редактор в темной теме" />
  </Step>
</Steps>

## Примеры запросов

<CodeGroup>
  ```prompt Изменение внешнего вида theme={null}
  Для выбранной формы:
  - Сделай поля с закругленными углами
  - Измени цвет кнопки на синий (#4285f4)
  - Добавь иконку конверта к выбранному элементу
  ```

  ```prompt Изменение поведения theme={null}
  Для меню навигации:
  - Добавь выпадение подменю при наведении
  - Сделай подсветку активного пункта
  ```

  ```prompt Создание элемента theme={null}
  Создай блок "Часто задаваемые вопросы" с:
  1. Заголовком
  2. 3 вопросами и ответами
  3. Кнопкой "Задать вопрос"
  ```
</CodeGroup>

## Советы

* Точно выбирайте нужный элемент
* Сохраняйте единый стиль для всех элементов
* Проверяйте, как элементы выглядят на мобильных устройствах