# react-ityped

> react-ityped is a react component that wraps npm ityped package.

Latest version **1.0.2** (published 2020-08-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-ityped
pnpm add react-ityped
yarn add react-ityped
bun add react-ityped
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-08-14 |
| First published | 2020-08-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 0 |
| Unpacked size | 19.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Enes Usta |
| Maintainers | enesusta |

## Links

- npm: https://www.npmjs.com/package/react-ityped
- Repository: https://github.com/enesusta/react-ityped
- Homepage: https://github.com/enesusta/react-ityped#readme
- Issues: https://github.com/enesusta/react-ityped/issues
- npm.io page: https://npm.io/package/react-ityped

## Recent versions

- 1.0.2 (latest) — 2020-08-14
- 1.0.1 — 2020-08-14
- 1.0.0 — 2020-08-14

## README

<br/>

<div align="center"> 

`react-ityped` is a react component that wraps https://www.npmjs.com/package/ityped package

![npm](https://img.shields.io/npm/v/react-ityped?color=pink&style=for-the-badge)
[![CodeFactor](https://www.codefactor.io/repository/github/enesusta/react-ityped/badge?style=for-the-badge)](https://www.codefactor.io/repository/github/enesusta/react-ityped)
![npm bundle size](https://img.shields.io/bundlephobia/min/react-ityped?color=orange&style=for-the-badge)
![NPM](https://img.shields.io/npm/l/kanca?color=blue&style=for-the-badge)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=for-the-badge&color=black)](https://standardjs.com)

</div>

## 🕺 Install

by using `npm`:
```bash
$ npm i react-ityped 
```

by using `yarn`:

```bash
$ yarn add react-ityped
```

## ☕️ Features

ads

## 🔧 Props

Common props you may want to specify include:


| Name | Type | Discription | Default |
| :--: | :--: | :--: | :--: |
| strings | string[] | An array with the strings that will be animated | `['Put your strings here...', 'and Enjoy!']`
| cursorChar | string | Character for cursor | `"|"`|
| typeSpeed | number | Type speed in milliseconds | 100 |
| backSpeed | number | Type back speed in milliseconds | 50 |
| startDelay | number | Time before typing starts | 50 |
| backDelay | number | Time before backspacing | 500 |
| loop | boolean | The animation loop | false |
| showCursor | boolean | Show the cursor element | true |
| placeholder | boolean | Write the string in the placeholder content | false |
| disableBackTyping | boolean | Disable back typing for the last string sentence | false |
| | | |

<br/>

See the [props documentation](https://github.com/luisvinicius167/ityped#customization) for complete documentation on the props that `react-ityped` supports.



## Build 

- [Rollup](https://rollupjs.org/) for build process
- [Babel](https://babeljs.io/) for transpilation


## License

MIT © [Enes Usta](https://github.com/enesusta)

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