open-index/open-npm huggingface dataset:
npm package: @hashup-it/hashup-cartridges
Description: A self-sustainable supply of HashUp Cartridges.
Author: hashup-it
Latest version: 0.1.1

# HashUp Cartridges
Find full usage notes on [GitBook](https://hashup-it.gitbook.io/hashup-it-1/hashup-cartridges/hashup-cartridges-library), with implementation details available at https://hashup-it.github.io/hashup-cartridges.
npm package: @hashup-it/hashup-contracts
Description: Provides you with convenient endpoints to the HashUp blockchain infrastructure.
Author: hashup-it
Latest version: 0.2.0

# HashUp Contracts library
Find the full usage notes on [GitBook](https://hashup-it.gitbook.io/hashup-it-1/hashup-contracts/hashup-contracts-library), with implementation details available at https://hashup-it.github.io/hashup-contracts/.
npm package: @hashup/react-simple-avatar
Description: A simple React avatar component to display either their avatars or their initials
Author: desduvauchelle
Latest version: 0.1.3

# @hashup/react-simple-avatar

> A simple React avatar component to display either their avatars or their initials

View [DEMO](https://desduvauchelle.github.io/react-simple-avatar/)

[![NPM](https://img.shields.io/npm/v/react-simple-avatar.svg)](https://www.npmjs.com/package/react-simple-avatar) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @hashup/react-simple-avatar
```

## Usage

```jsx
//
// React class
//
import React, { Component } from 'react'

import Avatar from '@hashup/react-simple-avatar'
import '@hashup/react-simple-avatar/dist/index.css'

class Example extends Component {
  render() {
    return <Avatar name="Denis" />
  }
}

//
// React function
//
import React, { Component } from 'react'

import Avatar from '@hashup/react-simple-avatar'
import '@hashup/react-simple-avatar/dist/index.css'

const MyApp = () => {
  return <Avatar name="Denis" />
}
```

## Attributes

| Name | Default | Type | Description |
|----|----|----|----|
|name|""|`String`|Name of the person|
|avatarUrl|""|`String`|URL for the avatar (will revert to color and initial if image can't load)|
|className|""|`String`|Add your own CSS class name to the wrapper|
|size|50|`Number`|Size in pixels of the avatar|
|borderRadius|50%|`String`|Border radius of the avatar in pixels|
|backgroundColor|"#8E8E8E"|`String`|Background color for initials|
|textColor|"#F1F1F1"|`String`|Text color for the initials|
|enableTooltip|true|`Bool`|Enable tooltips on mouse over of the avatar|
|tooltipDirection|"top"|`String`|Options: top, bottom, left, right|
|tooltipTextColor|"#FFFFFF"|`String`|Text color for the tooltip|
|tooltipBackgroundColor|"#000000"|`String`|Background color for the tooltip|
|tooltipMargin|30|`Number`|Offset of the tooltip|
|tooltipArrowSize|6|`Number`|Size of the arrow|
|tooltipDelay|200|`Number`|Delay before the tooltip appears|
|style|{}|`Object`|Pass custom styles to the wrapper|

## License

MIT © [desduvauchelle](https://github.com/desduvauchelle)


## Notes to self

To publish on npm:

```bash
npm publish
```
npm package: @hashwin/material-ui-lab
Description: Material-UI Lab - Incubator for Material-UI React components.
Author: Material-UI Team
Latest version: 4.0.4

# @material-ui/lab

This package hosts the incubator components that are not yet ready to move to `core`.

## Installation

Install the package in your project directory with:

```sh
// with npm
npm install @material-ui/lab

// with yarn
yarn add @material-ui/lab
```

The lab has a peer dependency on the core components.
If you are not already using Material-UI in your project, you can install it with:

```sh
// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core
```

## Documentation

[The documentation](https://material-ui.com/components/about-the-lab/)
npm package: @hasinhayder/colorconsole
Description: ColorConsole provides an interesting way to display colored info, success, warning and error messages on the developer console.
Author: Hasin Hayder
Latest version: 1.1.1

# ColorConsole NPM Package

Colorconsole provides an interesting way to display colored info, success, warning and error messages on the developer console in your browser.

![](https://res.cloudinary.com/roxlox/image/upload/v1654246755/assorted%20/283283450_10159158088149633_6008511946195677596_n_jaajhq.jpg)

## Available Methods

```javascript
colorconsole.warning("some warning message")
colorconsole.success("some success message")
colorconsole.info("some informations")
colorconsole.error("some error message")
colorconsole.log("normal message")
colorconsole.custom("custom message", "red", "#fff", 20, 5)
- custom parameters:
    - message: string
    - backgroundColor: name | hex | rgba | rgb | hsl
    - textColor: name | hex | rgba | rgb | hsl
    - fontSize: number
    - padding: number
```

# Use in ESM Projects

```shell
npm install @hasinhayder/colorconsole

or

yarn add @hasinhayder/colorconsole
```

then

```javascript
import colorconsole from '@hasinhayder/colorconsole'

colorconsole.success("ColorConsole is Working")
colorconsole.log("A Simple Message, just like console.log()")
colorconsole.warning("This is a warning")
colorconsole.info("ColorConsole is an NPM package")
colorconsole.log("Available at https://www.npmjs.com/package/@hasinhayder/colorconsole")
colorconsole.log("Github Repo: https://github.com/hasinhayder/colorconsole")
colorconsole.error("Sample Error Message")
colorconsole.log("Isn't this beautiful?")
colorconsole.log("Check github repo url for the documentation")
colorconsole.custom("Make your own style", "red", "#fff", 20, 5)
```

# Use In Browser

```html
<script src='https://cdn.jsdelivr.net/npm/@hasinhayder/colorconsole@latest/dist/colorconsole.min.js'></script>

<script>
    colorconsole.success("ColorConsole is Working")
    colorconsole.log("A Simple Message, just like console.log()")
    colorconsole.warning("This is a warning")
    colorconsole.info("ColorConsole is an NPM package")
    colorconsole.log("Available at https://www.npmjs.com/package/@hasinhayder/colorconsole")
    colorconsole.log("Github Repo: https://github.com/hasinhayder/colorconsole")
    colorconsole.error("Sample Error Message")
    colorconsole.log("Isn't this beautiful?")
    colorconsole.log("Check github repo url for the documentation")
    colorconsole.custom("Make your own style", "red", "#fff", 20, 5)
</script>
```
npm package: @hasinoor/ayocli
Description: CLI tools for bootstarpping developemnt of ayoton's products.
Author: Hasinoor Rahman
Latest version: 1.0.7

# ayocli

CLI tools for bootstarpping developemnt of ayoton's products.

## Installation

```bash
npm install -g @hasinoor/ayocli
```

## Usages

```bash
ayo
```