open-index/open-npm huggingface dataset:
npm package: @osn/polkadot-react-identicon
Description: React components
Author: osn team
Latest version: 1.0.10

# Polkadot-react-identicon

This project provides a React UI component which takes a valid `Polkadot` address and generates a svg image.

## Usage
1. Get the package  
`yarn add @osn/polkadot-react-identicon`
2. Import as a ES mudule  
`import  Identicon  from "@osn/polkadot-react-identicon"`
3. Apply in a react based project
`<Identicon value={address} size={size} />`

## Develop

To stat a demo, get this project, run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

To test importation or deploy to npmjs.com, run: 

### `yarn build`

Builds the component in `dist` directory, use `yarn link` under `react-idenicon` and then `yarn link react-idenicon` under the project wants to use this.
npm package: @osn/previewer
Description: Preview markdown/html.
Latest version: 2.0.2

# @osn/previewer

Preview markdown/html.

### Usage

```console
yarn add @osn/previewer
```

```jsx
import { HtmlPreviewer, MarkdownPreviewer, renderMentionIdentityUserPlugin } from "@osn/previewer"
import "@osn/previewer/styles.css"

function MentionIdentityUser({ address, network }) {
  return <a>{address}</a>
}

<HtmlPreviewer
  content="<div>html content</div>"
  plugins={[renderMentionIdentityUserPlugin(<MentionIdentityUser />)]} // optional
/>

<MarkdownPreviewer
  content="markdown content"
/>
```
npm package: @osn/react-identicon
Description: React components
Author: osn team
Latest version: 0.1.2

# React-IdentiIcon

This project provides a React UI component which takes a valid `Polkadot` address and generates a svg image.

## Usage
1. Get the package  
`yarn add @osn/react-identicon`
2. Import as a ES mudule  
`import  Identicon  from "@osn/react-identicon";`
3. Apply in a react based project
`<Identicon value={address} size={size} />`

## Develop

To stat a demo, get this project, run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

To test importation or deploy to npmjs.com, run: 

### `yarn build`

Builds the component in `dist` directory, use `yarn link` under `react-idenicon` and then `yarn link react-idenicon` under the project wants to use this.