1 files changed, 18 insertions, 0 deletions
diff --git a/Server.Client/Pages/Component/Switch.razor b/Server.Client/Pages/Component/Switch.razor
new file mode 100644
index 0000000..5264094
--- /dev/null
+++ b/Server.Client/Pages/Component/Switch.razor
@@ -0,0 +1,18 @@
+<label>
+  <input
+      type="checkbox"
+      checked=@InitialValue
+      @onchange=@(e => OnToggle.InvokeAsync((e.Value as bool?) ?? false))
+      hidden/>
+  <div class="switch-outer">
+    <div class="switch-inner"/>
+  </div>
+</label>
+
+@code {
+    [Parameter]
+    public bool InitialValue { get; set; } = false;
+
+    [Parameter]
+    public EventCallback<bool> OnToggle { get; set; }
+}