diff --git a/EgwCoreLib.BlazorTest/Pages/TestGraphCompo.razor b/EgwCoreLib.BlazorTest/Pages/TestGraphCompo.razor
index acfa8a1..6f5d5cf 100644
--- a/EgwCoreLib.BlazorTest/Pages/TestGraphCompo.razor
+++ b/EgwCoreLib.BlazorTest/Pages/TestGraphCompo.razor
@@ -2,7 +2,7 @@
 
 <PageTitle>Test</PageTitle>
 
-<div class="card">
+<div class="card shadow ">
     <div class="card-header"><h4>Test Componenti Arrow SVG</h4></div>
     <div class="card-body">
         <div class="row bg-secondary py-2">
@@ -21,13 +21,36 @@
         </div>
     </div>
 </div>
-
+<div class="card shadow ">
+    <div class="card-header"><h4>Test Componenti Vari</h4></div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-3">
+                <Toggler SelFilter="@TogFilter"></Toggler>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="card shadow ">
+    <div class="card-header"><h4>Test Input</h4></div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-3">
+                <NumInput Value="@numero"></NumInput>
+            </div>
+        </div>
+    </div>
+</div>
 
 @code {
+    Toggler.SelectGlobalToggle TogFilter { get; set; } = new Toggler.SelectGlobalToggle();
+
     private int currentCount = 0;
 
     protected Random rnd = new Random();
 
+    private int numero = 0;
+
     protected override void OnInitialized()
     {
         base.OnInitialized();
@@ -47,6 +70,16 @@
         listBord03.Add("");
         listBord03.Add("Blue");
 
+        // toggler!
+        TogFilter = new()
+            {
+                isActive = true,
+                leftString = "opzione sx",
+                rightString = "opzione dx"
+            };
+
+        //test input
+        numero = rnd.Next(0, 100);
     }
 
 
diff --git a/EgwCoreLib.BlazorTest/Properties/launchSettings.json b/EgwCoreLib.BlazorTest/Properties/launchSettings.json
index 3137728..112c582 100644
--- a/EgwCoreLib.BlazorTest/Properties/launchSettings.json
+++ b/EgwCoreLib.BlazorTest/Properties/launchSettings.json
@@ -7,7 +7,7 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       },
       "dotnetRunMessages": true,
-      "applicationUrl": "https://localhost:7118;http://localhost:5145"
+      "applicationUrl": "https://localhost:7118;http://localhost:5146"
     },
     "IIS Express": {
       "commandName": "IISExpress",
@@ -22,7 +22,7 @@
       "launchUrl": "https://localhost:7118",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development",
-        "ASPNETCORE_URLS": "https://localhost:7118;http://localhost:5145"
+        "ASPNETCORE_URLS": "https://localhost:7118;http://localhost:5146"
       },
       "distributionName": ""
     }
diff --git a/EgwCoreLib.Razor/Toggler.razor b/EgwCoreLib.Razor/Toggler.razor
index e5c048f..290a4c4 100644
--- a/EgwCoreLib.Razor/Toggler.razor
+++ b/EgwCoreLib.Razor/Toggler.razor
@@ -1,6 +1,6 @@
 <div class="input-group input-group-sm">
     <div class="input-group-text py-0 @placardCss">
-        <span class="me-1 @leftStringCSS">@leftString</span>
+        <span class="me-3 @leftStringCSS">@leftString</span>
         <div class="form-check form-check-sm form-switch py-1" title="@toolTip">
             <input class="form-check-input" type="checkbox" name="setupAlarms" checked @onclick="() => toggle()">
         </div>