Merge pull request #1 from nadaOuf/msDestiny14/gui

Add color picker
BabylonJS · Nov 5, 2020 · 320d89a · 320d89a
2 parents 42c6455 + 83d552b
commit 320d89a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/guiEditor/src/diagram/properties/buttonGuiPropertyComponent copy.tsx b/guiEditor/src/diagram/properties/buttonGuiPropertyComponent copy.tsx
@@ -9,6 +9,7 @@ import { ColorPickerLineComponent } from '../../sharedComponents/colorPickerComp
 import { TextLineComponent } from '../../sharedComponents/textLineComponent';
 import { TextInputLineComponent } from '../../sharedComponents/textInputLineComponent';
 import { NumericInputComponent } from '../../sharedComponents/numericInputComponent';
+import { SketchPicker } from 'react-color';
 
 export class ButtonPropertyTabComponent extends React.Component<IPropertyComponentProps> {
     constructor(props: IPropertyComponentProps) {
@@ -38,7 +39,13 @@ export class ButtonPropertyTabComponent extends React.Component<IPropertyCompone
                 onChange={evt =>{
                    this.button.heightInPixels = evt;
                 }}>
-                </NumericInputComponent>
+                </NumericInputComponent>  
+                <TextLineComponent label="Background Color" value={this.button.background} />
+                <SketchPicker
+                    color={ this.button.background }
+                    onChangeComplete={evt =>{
+                        this.button.background = evt.hex;
+                }}/>
                 </LineContainerComponent>            
             </>
         );