# html-thumbnail

> React component to render thumbnails from html

Latest version **0.1.2** (published 2020-02-04) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2020-02-04 |
| First published | 2020-02-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 8.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Richard Cowin |
| Maintainers | rcowin |
| Keywords | html, thumbnail, react |

## Links

- npm: https://www.npmjs.com/package/html-thumbnail
- Homepage: https://github.com/rcowin/html-thumbnail#readme
- Issues: https://github.com/rcowin/html-thumbnail/issues
- npm.io page: https://npm.io/package/html-thumbnail

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^16.12.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.12.0
- [html2canvas](https://npm.io/package/html2canvas.md) ^1.0.0-rc.5
- [react-scripts](https://npm.io/package/react-scripts.md) 3.3.1

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 0.1.2 (latest) — 2020-02-04
- 0.1.1 — 2020-02-04
- 0.1.0 — 2020-02-04

## README

# html-thumbnail
 React component to create and render thumbnails from html.

 Relies heavily on https://github.com/niklasvh/html2canvas for all the heavy lifting.

Simply add a `HTMLThumbnailPortal` component to the portion of your DOM that will render the thumbnail content correctly.

```
  <MainView>
    <PageView page={page}/>
    <HTMLThumbnailPortal/>
  </MainView>
```

Then include `HTMLThumbnail` where you need the thumbnail and include the component to render the thumbnail from as a child.

```
  <div className="navItemContent">
    <HTMLThumbnail>
        <PageView page={page}/>
    </HTMLThumbnail>
  </div>
```

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