Pass alpha transparency up to the story

Fixes #802. Instead of just passing `color.hex`, also pass the alpha value.
2025-04-04 12:31:06 +08:00 · 2018-01-02 16:06:10 -08:00 · 2018-01-02 16:06:10 -08:00 · 0828155d06
commit 0828155d06
parent 7ef5e392ce
1 changed files with 13 additions and 1 deletions
--- a/addons/knobs/src/components/types/Color.js
+++ b/addons/knobs/src/components/types/Color.js
@ -84,7 +84,19 @@ class ColorType extends React.Component {
                this.popover = e;
              }}
            >
-              <SketchPicker color={knob.value} onChange={color => onChange(color.hex)} />
+              <SketchPicker
+                color={knob.value}
+                onChange={color =>
+                  onChange(`
+                  rgba(
+                    ${color.rgb.r},
+                    ${color.rgb.g},
+                    ${color.rgb.b},
+                    ${color.rgb.a}
+                  )
+                `)
+                }
+              />
            </div>
          ),
          () => null