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

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

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

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

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

   const successModal = new tingle.modal();
   
   document.addEventListener('fetchit:success', ({ detail: { response: { message } } }) => {
     successModal.setContent(message);
     successModal.open();
   });

2. С помощью FetchIt.Message.

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