@iampava-devtools-ds/dom-inspector
TypeScript icon, indicating that this package has built-in type declarations

1.2.5 • Public • Published

@iampava-devtools-ds/dom-inspector

An emulation of the Chrome and Firefox DOM inspector, built on the @iampava-devtools-ds/tree component.

Installation

npm i @iampava-devtools-ds/dom-inspector
# or with yarn
yarn add @iampava-devtools-ds/dom-inspector

Usage

import { DOMInspector } from "@iampava-devtools-ds/dom-inspector";
const div = document.createElement("div");
const html = `
      <!--This is a comment-->
      <span>A span</span>
      <button type="submit" class="btn">Submit</button>
`;
div.insertAdjacentHTML("beforeend", html);

export const Custom = () => <DOMInspector data={div} expandLevel={2} />;

Useful References

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Tyler Krupicka

💻 📖 🎨 🚇 💡 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

Readme

Keywords

none

Package Sidebar

Install

npm i @iampava-devtools-ds/dom-inspector

Weekly Downloads

0

Version

1.2.5

License

MIT

Unpacked Size

59.8 kB

Total Files

20

Last publish

Collaborators

  • iampava