diff --git a/src/App.svelte b/src/App.svelte
index 1783cac..9181929 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -25,7 +25,7 @@
   let myip = document.location.hostname;
   let showInput = false;
 
-  let showModal = false;
+  let showModalFlag = false;
 
   //dashboard
   let wigets = [];
@@ -526,6 +526,10 @@
     //});
   }
 
+  function showModal() {
+    showModalFlag = !showModalFlag;
+  }
+
   //initialisation=======================================================================================
   onMount(async () => {
     console.log("[i]", "mounted");
@@ -538,6 +542,7 @@
 </script>
 
 <main>
+  <Modal show={showModalFlag} />
   <div class="fixed m-0 h-10 w-full bg-gray-100 shadow-md">
     <div class="flex justify-end content-center">
       <div class="px-15 py-2">
@@ -705,9 +710,7 @@
         </Card>
       </Route>
       <Route path="/about">
-        <!-- Modal toggle -->
-        <button on:click={() => (showModal = !showModal)} type="button"> Toggle modal </button>
-        <Modal show={showModal} />
+        <button on:click={() => showModal()} type="button"> Toggle modal </button>
       </Route>
     </div>
   </ul>
diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
index be8173f..a7128ea 100644
--- a/src/components/Modal.svelte
+++ b/src/components/Modal.svelte
@@ -1,5 +1,7 @@
 <script>
   export let show;
+  export let header = "header";
+  export let text = "text";
 </script>
 
 <div class="modal">
@@ -14,9 +16,9 @@
           <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
             <div class="sm:flex sm:items-start">
               <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-                <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title">Заголовок</h3>
+                <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title">{header}</h3>
                 <div class="mt-2">
-                  <p class="text-sm text-gray-500">Любой текст</p>
+                  <p class="text-sm text-gray-500">{text}</p>
                 </div>
               </div>
             </div>
diff --git a/src/widgets/Anydata.svelte b/src/widgets/Anydata.svelte
index 99a4d89..49f5f8a 100644
--- a/src/widgets/Anydata.svelte
+++ b/src/widgets/Anydata.svelte
@@ -1,5 +1,7 @@
 <script>
   export let widget;
+  export let value;
+  value = value;
 </script>
 
 <div class="card-items-psn">
diff --git a/src/widgets/Input.svelte b/src/widgets/Input.svelte
index c2d0fc5..9437153 100644
--- a/src/widgets/Input.svelte
+++ b/src/widgets/Input.svelte
@@ -1,6 +1,8 @@
 <script>
   export let widget;
   export let wsPushProp = (ws, topic, status) => {};
+  export let value;
+  value = value;
 </script>
 
 <div class="card-items-psn">
diff --git a/src/widgets/Toggle.svelte b/src/widgets/Toggle.svelte
index 2a680d6..8cbeb29 100644
--- a/src/widgets/Toggle.svelte
+++ b/src/widgets/Toggle.svelte
@@ -1,5 +1,7 @@
 <script>
   export let widget;
+  export let value;
+  value = value;
   export let wsPushProp = (ws, topic, status) => {};
 </script>