# html-picker

> It's a JavaScript library for interactively picking the DOM elements and displays the HTML tags.

Latest version **1.0.2** (published 2022-08-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install html-picker
pnpm add html-picker
yarn add html-picker
bun add html-picker
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2022-08-10 |
| First published | 2022-08-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 11 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | nithyakala |

## Links

- npm: https://www.npmjs.com/package/html-picker
- Repository: https://github.com/nithya-kala/html-picker
- Homepage: https://github.com/nithya-kala/html-picker#readme
- Issues: https://github.com/nithya-kala/html-picker/issues
- npm.io page: https://npm.io/package/html-picker

## Recent versions

- 1.0.2 (latest) — 2022-08-10
- 1.0.1 — 2022-08-10
- 1.0.0 — 2022-08-10

## README

# node-picker

It's a JavaScript library for interactively picking the DOM elements and displays the HTML tags.

[![npm version](https://badge.fury.io/js/pick-dom-element.svg)](https://badge.fury.io/js/pick-dom-element)

## Install

``npm install --save html-picker`

## Usage

Create an instance of the `htmlPicker` class, and call its `start()` method to start picking. Provide an `onHover` or `onClick` callback to get the picked element(s). Call `stop()` to stop picking and remove the overlay from the DOM.

```javascript
import { htmlPicker } from "html-picker";

onHover: (el) => console.log(`Hover: ${el}`),
onClick: (el) => console.log(`Click: ${el}`),

const picker = new htmlPicker(onHover, onClick);
picker.start();
picker.stop();
```

---
_Source: https://npm.io/package/html-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._