react-inputs-validation
    TypeScript icon, indicating that this package has built-in type declarations

    4.8.3 • Public • Published

    react-inputs-validation

    All Contributors

    npm version Build Status react-inputs-validation Package Quality Coverage Status npm bundle size (minified + gzip) Join the chat at https://gitter.im/react-inputs-validation/LobbyGitHub licenseLICENSE996.icu

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

    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.4.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.4.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">
      class App extends React.Component {
        ...
        render() {
          return <Textbox value={value} onBlur={()=>{}} .../>;
        }
      }
      ReactDOM.render(<App />, document.getElementById('root'));
     </script>
    </body>
    

    Live examples

    Codesandbox Examples

    Basic Usage Examples

    Online demo example

    Demo source code

    Documentation

    1.x, 2.x, 3.x

    4.x

    Browser support

    Tested on IE9+ and Chrome and Safari(10.0.3)

    Donation

    Thanks for donating me a donut!  ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

    Contributors

    Thanks goes to these wonderful people (emoji key):


    Edward Xiao

    💻 📖 🚇 ⚠️ 👀

    Frank Bonnet

    💻

    Rokas Anisas

    💻

    This project follows the all-contributors specification. Contributions of any kind welcome!

    Install

    npm i react-inputs-validation

    DownloadsWeekly Downloads

    1,311

    Version

    4.8.3

    License

    MIT

    Unpacked Size

    455 kB

    Total Files

    28

    Last publish

    Collaborators

    • edwardxiao