feat(docs): add appearance sandbox example

2026-09-21 17:09:54 +08:00
parent a9d6856ab8
commit fb985edb20
8 changed files with 92 additions and 0 deletions
@@ -0,0 +1,24 @@
+import {
+  ThemeColorPicker,
+  accentColorSwatches,
+} from "@workspace/appearance/components/theme-color-picker"
+import type { ThemeColorConfig } from "@workspace/appearance/theme"
+
+export function AccentPicker({
+  config,
+  onConfigChange,
+}: {
+  config: ThemeColorConfig
+  onConfigChange: (config: ThemeColorConfig) => void
+}) {
+  return (
+    <ThemeColorPicker
+      title="Accent color"
+      swatches={accentColorSwatches}
+      value={config.accentColor}
+      onValueChange={(accentColor) =>
+        onConfigChange({ ...config, accentColor })
+      }
+    />
+  )
+}