Skip to content
  1. Компоненты
  2. FetchIt
  3. Модальные окна
  4. Модальные окна tingle.js

Модальные окна tingle.js

В данном разделе разберём пример работы с модальными окнами tingle.js.

Открытие модального окна

Если у вас есть задача открыть модальное окно после успешной отправки формы, то её можно решить двумя способами:

  1. С помощью события fetchit:success.

    js
    const successModal = new tingle.modal();
    
    document.addEventListener('fetchit:success', ({ detail: { response: { message } } }) => {
      successModal.setContent(message);
      successModal.open();
    });
  2. С помощью FetchIt.Message.

    js
    const successModal = new tingle.modal();
    
    FetchIt.Message = {
      // ...
      success (message) {
        successModal.setContent(message);
        successModal.open();
      },
    }