clearer overrightarrow label

README.md

@@ -23,29 +23,29 @@ npm i react-math-keyboard
 
 Then import the MathInput :
 
-```js
+```jsx
 import MathInput from "react-math-keyboard";
 ```
 
 You can then use it with no configuration :
 
-```js
+```jsx
 <MathInput />
 ```
 
 Getting the value of the input as a LaTeX string :
 
-```js
+```jsx
 const [latex, setLatex] = useState("")
 //...later
 <MathInput setValue={setLatex} />
 ```
 
 If you need to do more specific stuff with the input, you should retrieve the ref to the MathField, and then the whole [MathQuill API](http://docs.mathquill.com/en/latest/Api_Methods/) is available to use.
 
-```js
+```jsx
 const mf = useRef<MathField>();
-const onClick=()=> mf.current.latex("click!");
+const onClick = () => mf.current.latex("click!");
 
 //...later
 <MathInput setMathfieldRef={(mathfield)=>mf.current=mathfield} />

src/keyboard/keys/geometryKeys.ts

@@ -3,7 +3,7 @@ import { KeyProps } from "./key";
 export const geometryKeysProps: KeyProps[] = [
   {
     id: "overrightarrow",
-    label: "\\overrightarrow{AB}",
+    label: "\\overrightarrow{\\ \\ \\ \\ \\ }",
     labelType: "tex",
     mathfieldInstructions: {
       content: "overrightarrow",
@@ -32,4 +32,14 @@ export const geometryKeysProps: KeyProps[] = [
     },
     groups: ["units", "geometry"],
   },
+  {
+    id: "widehat",
+    label: "\\widehat{\\square}",
+    labelType: "tex",
+    mathfieldInstructions: {
+      content: "widehat",
+      method: "cmd",
+    },
+    groups: ["geometry"],
+  },
 ];

src/keyboard/keys/keyIds.d.ts

@@ -1,4 +1,4 @@
-export type KeyId =
+export type KeyId = 
 /**quantities */
 "volumeMere" | "volumeFille" | "concentrationMere" | "concentrationFille"
 /**units */

src/keyboard/keys/keyIds.ts

@@ -35,6 +35,7 @@ export type KeyId =
   | "overrightarrow"
   | "degree"
   | "vectorU"
+  | "widehat"
 
   /**operations */
   | "plus"