update

ts_web/views/eco-view-peripherals/eco-view-peripherals.demo.ts

@@ -0,0 +1,21 @@
+import { html } from '@design.estate/dees-element';
+
+export const demo = () => html`
+  <style>
+    .demo-container {
+      width: 100%;
+      height: 600px;
+      background: hsl(240 10% 4%);
+      border-radius: 12px;
+      overflow: hidden;
+    }
+  </style>
+  <div class="demo-container">
+    <eco-peripherals
+      .activeCategory=${'all'}
+      @device-select=${(e: CustomEvent) => console.log('Device selected:', e.detail)}
+      @scan-start=${() => console.log('Scanning started')}
+      @scan-complete=${() => console.log('Scanning complete')}
+    ></eco-peripherals>
+  </div>
+`;