docs(appearance): document control variants

2026-09-29 21:29:49 +08:00
parent 983ebead02
commit 352db2c4c0
6 changed files with 49 additions and 12 deletions
@@ -1,21 +1,25 @@
 import {
  ThemeColorPicker,
  accentColorSwatches,
+  type ThemeColorPickerVariant,
 } from "@workspace/appearance/components/theme-color-picker"
 import type { ThemeColorConfig } from "@workspace/appearance/theme"

 export function AccentPicker({
  config,
  onConfigChange,
+  variant,
 }: {
  config: ThemeColorConfig
  onConfigChange: (config: ThemeColorConfig) => void
+  variant?: ThemeColorPickerVariant
 }) {
  return (
    <ThemeColorPicker
      title="Accent color"
      swatches={accentColorSwatches}
      value={config.accentColor}
+      variant={variant}
      onValueChange={(accentColor) =>
        onConfigChange({ ...config, accentColor })
      }