# credify-web-react

> React specific wrapper for credify-web

Latest version **0.4.0** (published 2021-04-25) · 0 weekly downloads

## Install

```sh
npm install credify-web-react
pnpm add credify-web-react
yarn add credify-web-react
bun add credify-web-react
```

## Health

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

Positive: has types; no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2021-04-25 |
| First published | 2021-03-13 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 58.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ngo275 |

## Links

- npm: https://www.npmjs.com/package/credify-web-react
- Repository: https://github.com/credify-pte-ltd/credify-web-sdk
- Homepage: https://github.com/credify-pte-ltd/credify-web-sdk#readme
- Issues: https://github.com/credify-pte-ltd/credify-web-sdk/issues
- npm.io page: https://npm.io/package/credify-web-react

## Dependencies (1)

- [credify-web](https://npm.io/package/credify-web.md) ^0.4.0

## Recent versions

- 0.4.0 (latest) — 2021-04-25
- 0.3.1 — 2021-04-12
- 0.3.0 — 2021-04-12
- 0.2.0 — 2021-04-03
- 0.1.4 — 2021-03-24
- 0.1.3 — 2021-03-24
- 0.1.2 — 2021-03-24
- 0.1.1 — 2021-03-24
- 0.0.8 — 2021-03-24
- 0.0.7 — 2021-03-24
- 0.1.0 — 2021-03-15
- 0.0.6 — 2021-03-14
- 0.0.5 — 2021-03-13
- 0.0.4 — 2021-03-13

## README

# credify-web-react

This is a React package of Credify Web SDK.


## How to use

```shell script
$ npm install credify-web
$ npm install credify-web-react
```

First, you need to call `defineCustomElements()` in your application.

```javascript
/// index.ts or index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

// Additional lines
import { applyPolyfills, defineCustomElements } from 'credify-web/loader';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

// Additional lines
applyPolyfills().then(() => {
  defineCustomElements();
});
```

Then, you can import React components like following.

```javascript
import { CredifyModal } from 'credify-web-react';

const sample = () => {
  return (
    <div>
      <CredifyModal></CredifyModal>
      ...
    </div>
  )
}
```

## Note

When you distribute this SDK, you will need to remove the first line in components.d.ts.

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