React-interactive-inspect NPM

react-interactive-inspect

A react component to select part of a webpage, given the raw html and css as strings

Install

npm install --save react-interactive-inspect

yarn add react-interactive-inspect

Usage

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 }";

class Example extends React.Component {
  render() {
    return (
      <InteractiveXPathSelector
        html={htmlData}
        css={cssData}
        onSelect={path => console.log(path)}
      />
    );
  }
}

License

MIT © jaw9c

html-react-parser styled-components

@infinitebrahmanuniverse/nolb-react-in @everything-registry/sub-chunk-2562

1.1.0

6 years ago

1.0.0

6 years ago