react-interactive-inspect
Inspect element component for React. Current funcionality provides the XPath of the element selected, based for the use case of an standard (non-tech) user to be able to select elements to otherwise process.
Demo
https://react-interactive-inspect.netlify.com
Install
npm install --save react-interactive-inspectyarn add react-interactive-inspectUsage
import * as React from "react";
import InteractiveXPathSelector from "react-interactive-inspect";
const htmlData = "<html><ul><li>1</li><li>2</li><li>3</li></ul></html>";
const cssData = "ul { paddingBottom: 10px }";
const Example: React.FC = () => (
<InteractiveXPathSelector
html={htmlData}
css={cssData}
onSelect={path => console.log(path)}
/>
);License
MIT © jaw9c