Mic-Inspector

A react inspector which a most similar of Chorme DevTools inspector.

Here is a demo that you can inspect something by this component.

Installation

# Yarn
yarn add mic-inspector

# NPM
npm install mic-inspector

Usage

// Object inspector
import { Inspector } from 'mic-inspector';

const obj = { a: 1, b: 2, get self() { return obj; } };

<Inspector name='document' value={document} />;
<Inspector name='object' value={obj} />;


// DOM inspector
import { DomInspector } from 'mic-inspector';

<DomInspector dom={document} />;

Components

• <Inspector />
• <DomInspector />
• <Properties />
• <Property />
• <PropertyName />
• <PropertyValue />
• <GetterValue />
• <NumberValue />
• <ObjectValue />
• <StringValue />
• <UnknownValue />