# initials-placeholder-react

> A react package that uses parsed initials as placeholders. Can be used as a substitute for absent user profile photo

Latest version **1.1.4** (published 2020-10-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install initials-placeholder-react
pnpm add initials-placeholder-react
yarn add initials-placeholder-react
bun add initials-placeholder-react
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.4 |
| Published | 2020-10-08 |
| First published | 2020-09-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ozorku |

## Links

- npm: https://www.npmjs.com/package/initials-placeholder-react
- npm.io page: https://npm.io/package/initials-placeholder-react

## Recent versions

- 1.1.4 (latest) — 2020-10-08
- 1.1.3 — 2020-10-08
- 1.1.2 — 2020-10-03
- 1.1.1 — 2020-09-26
- 1.1.0 — 2020-09-26
- 1.0.0 — 2020-09-26
- 0.2.2 — 2020-09-26
- 0.2.1 — 2020-09-26
- 0.2.0 — 2020-09-26
- 0.1.9 — 2020-09-26
- 0.1.8 — 2020-09-26
- 0.1.7 — 2020-09-26
- 0.1.6 — 2020-09-26
- 0.1.5 — 2020-09-26
- 0.1.4 — 2020-09-26
- … 4 more at https://npm.io/package/initials-placeholder-react/versions

## README

# INITIALS PLACEHOLDER

A react package that uses parsed initials as placeholders. Can be used as a substitute for absent user profile photo

![](preview.png)

```
npm i initials-placeholder-react
# OR
yarn add initials-placeholder-react

```

### Example

```
import React from "react";
import InitialsPlaceholder from "initials-placeholder-react";

function App() {
  return (
    <>
      <InitialsPlaceholder value="Ize Ozorku" />
    </>
  );
}

export default App;

```

## Props

- value: Holds the value name e.g Adavize Ozorku
- bgColor: Background color e.g #0366D6 OR blue
- textColor: Text color
- size: Size of placeholder
- fontSize: Size of font

## How to contribute ✨

1. Fork it!
2. Create your feature branch: `git checkout -b feature-name`
3. Commit your changes: `git commit -am 'Some commit message'`
4. Push to the branch: `git push origin feature-name`
5. Submit a pull request 😉😉

[follow me on twitter](https://twitter.com/ozorku)!

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE) file for details

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