Nutritious Pumpkin Meal

    gedel-dialog

    0.0.55 • Public • Published

    dialog-window

    Библиотека для создания диалоговых окон с одной функцией.

    Возможности:

    • открывает окно в центре экрана поверх всего
    • под окном - тень, которая не дает реагировать на нижележащие объекты
    • кастомный дизайн (тупо описать классы CSS - и подключать их позже)
    • в окне может быть куча кнопок

    Функционал: → GedelDialog.make({Объект с опциями}); - создает новый диалог → GedelDialog.destroy(); - уничтожает диалог

    Пример использования:

    GedelDialog.make({
        id: "gedel",                      // Кастомный ID, если отсутсвует береться по умолчанию
        class: {                          // Классы для диалога: (Необязателен)
            wrapper: "dialog-wrapper",    // обертка
            window: "dialog-window",      // окно
            title: "dialog-title",        // заголовок
            text: "dialog-text",          // текст
            buttonsWrap: "dialog-buttons-wrap", // обертка кнопок
            button: "dialog-button"       // кнопка
        },
    
        title: "Заголовок",               // Заголовок диалога
        text: "Текст",                    // Текст диалога
    
        buttons: [                        // Массив с параметрами кнопок
            {
                label: "Первая кнопка",   // Заголовок кнопки
                action: () => {           // Сюда помещается функция
                    console.log("Первая кнопка")
                }
            },
            {
                label: "Вторая кнопка", 
                action: () => {
                    console.log("Вторая кнопка.")
                }
            }
        ]
      });

    Install

    npm i gedel-dialog

    DownloadsWeekly Downloads

    1

    Version

    0.0.55

    License

    MIT

    Unpacked Size

    36.7 kB

    Total Files

    10

    Last publish

    Collaborators

    • gedelborius