Expose tabSize

open-formulieren · Jun 3, 2024 · aa79bf1 · aa79bf1
1 parent c1d0807
commit aa79bf1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/jsonEditor.tsx b/src/jsonEditor.tsx
@@ -12,6 +12,7 @@ interface JSONEditorProps {
   onChange: (value: any) => void;
   readOnly?: boolean;
   showLines?: boolean;
+  tabSize?: number;
 }
 
 type AvailableEditorProps = Pick<EditorProps, 'height' | 'wrapperProps'>;
@@ -21,6 +22,7 @@ export const JSONEditor: React.FC<JSONEditorProps & AvailableEditorProps> = ({
   onChange,
   readOnly = false,
   showLines = true,
+  tabSize = 2,
   ...props
 }) => {
   const monacoOnChange: OnChange = value => {
@@ -47,7 +49,7 @@ export const JSONEditor: React.FC<JSONEditorProps & AvailableEditorProps> = ({
 
   const jsonData = JSON.stringify(value, null, 2);
 
-  const extraOptions: EditorProps['options'] = {readOnly};
+  const extraOptions: EditorProps['options'] = {readOnly, tabSize};
   if (!showLines) extraOptions.lineNumbers = 'off';
 
   return (