# @emeraldpay/hashicon-react

> Hashicon React - React component for a visual representation of a hash value, as a hexagon

Latest version **0.5.2** (published 2022-02-08) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @emeraldpay/hashicon-react
pnpm add @emeraldpay/hashicon-react
yarn add @emeraldpay/hashicon-react
bun add @emeraldpay/hashicon-react
```

## Health

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

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

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.2 |
| Published | 2022-02-08 |
| First published | 2020-07-08 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=8 |
| Dependencies | 2 |
| Unpacked size | 5.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 201 |
| Author | Igor Artamonov |
| Maintainers | splix |
| Keywords | hash, icon, avatar, identicon, generate, generator, visual, canvas |

## Links

- npm: https://www.npmjs.com/package/@emeraldpay/hashicon-react
- Repository: https://github.com/emeraldpay/hashicon
- Homepage: https://ETCDEVTeam.github.io/hashicon/examples/
- Issues: https://github.com/emeraldpay/hashicon/issues
- npm.io page: https://npm.io/package/@emeraldpay/hashicon-react

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^16.8.0
- [@emeraldpay/hashicon](https://npm.io/package/@emeraldpay/hashicon.md) ^0.5.2

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 0.5.2 (latest) — 2022-02-08
- 0.5.1 — 2020-07-27
- 0.5.0 — 2020-07-27
- 0.4.0 — 2020-07-08

## README

Hashicon React
==============

> Generates a beautiful representation of any string value.

React component for [@emeraldpay/hashicon](https://www.npmjs.com/package/@emeraldpay/hashicon)

Install
---

Install with: 
```shell
$ npm install @emeraldpay/hashicon-react --save
```   

Usage
---

```js
import { Hashicon } from 'hashicon-react';

// something that you want to represent visually. For example ID of an object on the screen.
const value = "9dddff8f-be81-4c27-80c8-099327865f3f";

// icon is a <canvas> element
<Hashicon value={value}/>

// Same icon with 80px in size
<Hashicon value={value} size={89}/>
```

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