# react-lib02

> Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.

Latest version **1.22.0** (published 2022-11-30) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.22.0 |
| Published | 2022-11-30 |
| First published | 2022-11-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 3 |
| Unpacked size | 289 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Anusri Mukhopadhyay |
| Maintainers | anusrim |

## Links

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

## Dependencies (3)

- [antd](https://npm.io/package/antd.md) ^4.24.3
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [@ant-design/icons](https://npm.io/package/@ant-design/icons.md) ^4.8.0

## Recent versions

- 1.22.0 (latest) — 2022-11-30
- 1.21.0 — 2022-11-28
- 1.20.0 — 2022-11-28
- 1.19.0 — 2022-11-28
- 1.18.0 — 2022-11-28
- 1.17.0 — 2022-11-28
- 1.16.0 — 2022-11-28
- 1.15.0 — 2022-11-28
- 1.14.0 — 2022-11-28
- 1.13.0 — 2022-11-28
- 1.12.0 — 2022-11-28
- 1.11.0 — 2022-11-28
- 1.10.0 — 2022-11-28
- 1.9.0 — 2022-11-28

## README

# TSDX React User Guide

Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.

> This TSDX setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.

> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)

## Example Snippets

import {TextField, isValidUSZip} from 'react-tsdx-component-library';

> function Form() {<br/>
> const [zipCode, setZipCode] = useState('');<br/>

> return < TextField <br/> &nbsp;&nbsp; key="zip"<br/> &nbsp;&nbsp; placeholder="Enter your zip code"<br/> &nbsp;&nbsp; defaultValue={zipCode}<br/> &nbsp;&nbsp; value={zipCode}<br/> &nbsp;&nbsp; type="zip"<br/> &nbsp;&nbsp; name="zipCode"<br/> &nbsp;&nbsp; data={zipCode}<br/> &nbsp;&nbsp; setData={setZipCode}<br/> &nbsp;&nbsp; error={!isValidUSZip(zipCode)}<br/> &nbsp;&nbsp; disabled<br/>
> />;<br/> ><br/>
> < TextField <br/> &nbsp;&nbsp; key="zip"<br/> &nbsp;&nbsp; placeholder="Enter your zip code"<br/> &nbsp;&nbsp; defaultValue={zipCode}<br/> &nbsp;&nbsp; value={zipCode}<br/> &nbsp;&nbsp; type="zip"<br/> &nbsp;&nbsp; onChangeRetZip={value => <br/> &nbsp;&nbsp;&nbsp;&nbsp; setZipCode(value)<br/> &nbsp;&nbsp; &nbsp;&nbsp; }<br/> &nbsp;&nbsp; error={!isValidUSZip(zipCode)}<br/> &nbsp;&nbsp; disabled<br/>/>;<br/> }<br/><br/>

> type = | 'tel' => (xxx)xxx-xxx (numeric) <br/>
> | 'email'<br/>
> | 'zip' => xxxxx (numeric) <br/>
> | 'postalCode' => K8N5W6 (aplha-numeric)<br/>
> | 'url'<br/>
> | 'ssn' => xxx-xx-xxxx (numeric)<br/>
> | 'accountno' <br/>
> | 'routingno' => 9 digit number<br/>
> | 'name'<br/>
> | 'cardno'<br/>
> | 'cvvno' => 3 digit cvv number<br/>
> | 'jerseyNumber' => 0-99 (any number between 0 to 99)<br/>
> | 'titleNotes'<br/>
> | 'percentage' => 0-100 upto 2 decimal places.<br/>
> | 'password' => masked character \*<br/>

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