❤

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

Keywords

none

Install

npm i react-interactive-inspect

Repository

Gitgithub.com/jaw9c/react-interactive-inspect

Homepage

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

DownloadsWeekly Downloads

3

Version

1.1.0

License

MIT

Unpacked Size

1.54 MB

Total Files

9

Last publish

Collaborators

  • jaw9c
Try on RunKit
Report malware