mirror of
https://github.com/cupcakearmy/formhero.git
synced 2024-12-22 16:16:24 +00:00
33 lines
653 B
TypeScript
33 lines
653 B
TypeScript
|
import React from 'react'
|
||
|
import ReactDOM from 'react-dom'
|
||
|
|
||
|
import { useForm } from '../dist'
|
||
|
|
||
|
const Index: React.FC = () => {
|
||
|
|
||
|
const { auto, form, errors } = useForm({
|
||
|
type: 'formhero',
|
||
|
})
|
||
|
|
||
|
return (
|
||
|
<form onSubmit={e => {
|
||
|
e.preventDefault()
|
||
|
console.log(form)
|
||
|
}}>
|
||
|
|
||
|
<h1>Select</h1>
|
||
|
|
||
|
<select {...auto('type')}>
|
||
|
<option value="redux-form">Redux-Form</option>
|
||
|
<option value="react-hook-forms">React-Hook-Forms</option>
|
||
|
<option value="formik">Formik</option>
|
||
|
<option value="formhero">FormHero</option>
|
||
|
</select>
|
||
|
|
||
|
<input type="submit" />
|
||
|
|
||
|
</form>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
ReactDOM.render(<Index />, document.getElementById('select'))
|