❤
npm
Sign UpSign In

react-interactive-inspect
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

react-interactive-inspect

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

NPM JavaScript Style Guide

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

/react-interactive-inspect/

    Package Sidebar

    Install

    npm i react-interactive-inspect

    Repository

    github.com/jaw9c/react-interactive-inspect

    Homepage

    github.com/jaw9c/react-interactive-inspect#readme

    Weekly Downloads

    1

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    1.54 MB

    Total Files

    9

    Last publish

    Collaborators

    • jaw9c
    Try on RunKit
    Report malware