break-stuff/inspector-elements

Web components for visually inspecting objects

inspector-elements

Web components for visually inspecting objects

Install

npm i inspector-elements

Getting started

---

<ix-object-inspector>

Shows the properties and values of an object in a navigable tree.

Example (Lit):

html`<ix-object-inspector .data=${data}></ix-object-inspector>`

TBD API docs

<ix-dom-inspector>

Shows DOM elemets with attributes and children in a navigable tree.

Example (Lit):

html`<ix-dom-inspector .data=${data}></ix-dom-inspector>`

TBD API docs

Status

This port is very much in progress!

• Elements
  • <ix-object-inspector>
  • <ix-dom-inspector> (In progress)
  • <ix-table-inspector>
• Tests
• Storybook
  • Add Storybook to project
  • Hook up custom properties and attributes
  • Publish static storybook

Acknowledgements

This is a web components port of the https://github.com/storybookjs/react-inspector