Inspect element component for React.
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.
https://react-interactive-inspect.netlify.com
npm install --save react-interactive-inspect
yarn add react-interactive-inspect
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)}
/>
);
MIT © jaw9c