collapsed object with props names

README.md

@@ -62,6 +62,7 @@ Name|Type|Default|Description
 `quotesOnKeys`|`boolean`|`true`|set to false to remove quotes from keys (eg. `"name":` vs. `name:`)
 `validationMessage`|`string`|"Validation Error"|Custom message for validation failures to `onEdit`, `onAdd`, or `onDelete` callbacks
 `displayArrayKey`|`boolean`|`true`|When set to `true`, the index of the elements prefix values
+`objectCollapsedMaxPropsCount`|`boolean` or `number`|`false`|When set to `true`, see object props when object is collpased, number set max display props count
 
 ### Features
 * `onEdit`, `onAdd` and `onDelete` props allow users to edit the `src` variable

dev-server/src/index.js

@@ -52,6 +52,7 @@ ReactDom.render(
                 return false;
             }}
             defaultValue=""
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -84,6 +85,7 @@ ReactDom.render(
                 src.constructor &&
                 src.constructor.name === 'Moment'
             }
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -95,6 +97,7 @@ ReactDom.render(
             name={'feature_set'}
             displayDataTypes={false}
             indentWidth={2}
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -106,6 +109,7 @@ ReactDom.render(
             name={'feature_set'}
             displayDataTypes={false}
             indentWidth={5}
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -119,6 +123,7 @@ ReactDom.render(
             displayObjectSize={false}
             displayDataTypes={false}
             enableClipboard={false}
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -130,6 +135,7 @@ ReactDom.render(
             onEdit={edit => {
                 console.log(edit);
             }}
+            objectCollapsedMaxPropsCount={4}
         />
 
         <br />
@@ -159,6 +165,7 @@ ReactDom.render(
                 base0E: 'rgba(70, 70, 230, 1)',
                 base0F: 'rgba(70, 70, 230, 1)'
             }}
+            objectCollapsedMaxPropsCount={true}
         />
 
         <JsonViewer
@@ -167,6 +174,7 @@ ReactDom.render(
             name="large_array"
             groupArraysAfterLength={50}
             src={getExampleJson4()}
+            objectCollapsedMaxPropsCount={true}
         />
     </div>,
     document.getElementById('app-container')

index.d.ts

@@ -140,7 +140,13 @@ export interface ReactJsonViewProps {
    *
    * Default: null
    */
-  defaultValue?: TypeDefaultValue | TypeDefaultValue[] | null;
+  defaultValue?: TypeDefaultValue | TypeDefaultValue[] | null;  
+  /**
+   * Set to a value to be used as see object props when object is collpased
+   *
+   * Default: null
+   */
+   objectCollapsedMaxPropsCount?: number | boolean;
 }
 
 export interface OnCopyProps {