color picker component

webui/src/App.tsx

@@ -1,9 +1,14 @@
 import React from 'react';
 import {HookRouter, navigate, usePath, useRoutes} from "hookrouter";
 import {Tabs} from "./primitives/Layout";
+import {HSColorPicker} from "./primitives/Forms";
 
 const routeObj: HookRouter.RouteObject = {
-  "/": () => <div>1</div>,
+  "/": () => (
+    <div>
+      <HSColorPicker h={60} s={1} onChange={() => void(0)}/>
+    </div>
+  ),
   "/devices": () => <div>2</div>,
   "/settings": () => <div>3</div>,
 }