Added color swatch to color field.

2025-12-25 15:40:00 +00:00 · 2017-03-07 10:16:58 +00:00
parent bbf26a3f38
commit 6095f871ed
2 changed files with 11 additions and 1 deletions
--- a/src/components/fields/ColorField.jsx
+++ b/src/components/fields/ColorField.jsx
@@ -81,8 +81,13 @@ class ColorField extends React.Component {
      />
    </div>

+    var swatchStyle = {
+      "background-color": this.props.value
+    };
+
    return <div className="maputnik-color-wrapper">
      {this.state.pickerOpened && picker}
+      <div className="maputnik-color-swatch" style={swatchStyle}></div>
      <input
        className="maputnik-color"
        ref="colorInput"