Add a simple ColorPickerButton

markerikson · Nov 11, 2017 · 9e9c02f · 9e9c02f
1 parent 9c331f5
commit 9e9c02f
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/common/components/ColorPickerButton.jsx b/src/common/components/ColorPickerButton.jsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+import {Button} from "semantic-ui-react";
+
+const ColorPickerButton = ({value, onClick, disabled=false}) => {
+    return (
+        <Button
+            type="button"
+            style={{padding: "4px", margin: 0}}
+            disabled={disabled}
+            onClick={onClick}
+        >
+            <div
+                style={{
+                    width : 30,
+                    height : 15,
+                    backgroundColor : value
+                }}
+            />
+        </Button>
+    )
+}
+
+export default ColorPickerButton;