react-enhanced-formdeprecated

Enhanced form input for your React application

Usage no npm install needed!

<script type="module">
  import reactEnhancedForm from 'https://cdn.skypack.dev/react-enhanced-form';
</script>

README

Live

Show-room

react-enhanced-form

Usage

yarn add react-enhanced-form
import React from 'react'
import Input from 'react-enhanced-form'

class Main extends React.Component {

  style = {
    default: { width: 300 },
    onFocus: { borderBottom: '1px solid green' },
    onError: { borderBottom: '1px solid red' }
  }

  check = newValue => newValue < 10
  format = value => `${value} 

	
		
		
		
		
		
		
		
	npm:react-enhanced-form | Skypack
	
		
		
		
		

  render = () => (
    <form onSubmit={this.handleSubmit}>
      <Input
        type='number'
        value='1'
        onChange={(data, error) => console.log('change', data, error)}
        onMount={(data,error) => console.log('mount', data, error)}
        style={this.style}
        check={this.check}
        format={this.format}
        required
      />
    </form>
 )
}