Package Exports

react-inputs-validation
react-inputs-validation/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-inputs-validation) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-inputs-validation

Cdnjs npm bundle size (minified + gzip)

A react component for form inputs validation. Online demo examples.

How to use
- Usage
Live examples
- Codesandbox examples
- Basic usage examples
Documentation
- 1.x, 2.x, 3.x
- 4.x
- About intl locales support (Under Common questions)
Browser support
Donation
Contributors

How to use

Usage

By NPM

npm install react-inputs-validation --save

import { Textbox, Radiobox, Checkbox, Select, Textarea } from 'react-inputs-validation';
import 'react-inputs-validation/lib/react-inputs-validation.min.css';

Make sure you have at least `react@16.8.6` installed.

  "peerDependencies": {
    "react": ">= 16.8.6",
    "react-dom": ">= 16.8.6"
  }

By CDN (starting from v4.4.1)

<head>
 ...
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/react-inputs-validation/4.9.1/react-inputs-validation.min.css"/>
</head>
<body>
 <div id="root"></div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react-inputs-validation/4.9.1/react-inputs-validation.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
 <script type="text/babel">
    const App = React.memo(() => {
      const [value, setValue] = React.useState('');
      return (<Textbox value={value} onBlur={()=>{}} .../>)
    });
    ReactDOM.render(<App />, document.getElementById('root'));
 </script>
</body>