fixed circle charts and added a component collection

2026-02-13 18:03:57 +01:00
parent 4f5ae60f5e
commit 67f7f4dd68
3 changed files with 289 additions and 27 deletions
@@ -664,15 +664,15 @@ export class DevPage extends LitElement {
            <div class="component-label">Example</div>
            <div class="component-preview col">
              <circle-chart
-                heading="Pilots by Category"
-                centerText="Pilots"
-                .segments=${[
-                  { label: 'Sport', value: 124 },
-                  { label: 'Serial', value: 89 },
-                  { label: 'Open', value: 47 },
-                  { label: 'Tandem', value: 18 },
-                ]}
-              ></circle-chart>
+  heading="Pilots by Category"
+  centerText="Pilots"
+  .segments=${[
+    { label: 'Sport', value: 124, color: 'var(--color-accent)' },
+    { label: 'Serial', value: 89, color: '#30a46c' },
+    { label: 'Open', value: 47, color: '#e79d13' },
+    { label: 'Tandem', value: 18, color: '#e5484d' },
+  ]}
+></circle-chart>
            </div>
          </div>
        </div>