mirror of
https://github.com/LukeHagar/form.git
synced 2025-12-10 04:19:54 +00:00
docs(quick-start): add <form> tag to quick start example (#467)
This commit is contained in:
@@ -25,20 +25,28 @@ export default function App() {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<form.Provider>
|
<form.Provider>
|
||||||
<div>
|
<form
|
||||||
<form.Field
|
onSubmit={(e) => {
|
||||||
name="fullName"
|
e.preventDefault();
|
||||||
children={(field) => (
|
e.stopPropagation();
|
||||||
<input
|
void form.handleSubmit();
|
||||||
name={field.name}
|
}}
|
||||||
value={field.state.value}
|
>
|
||||||
onBlur={field.handleBlur}
|
<div>
|
||||||
onChange={(e) => field.handleChange(e.target.value)}
|
<form.Field
|
||||||
/>
|
name="fullName"
|
||||||
)}
|
children={(field) => (
|
||||||
/>
|
<input
|
||||||
</div>
|
name={field.name}
|
||||||
<button type="submit">Submit</button>
|
value={field.state.value}
|
||||||
|
onBlur={field.handleBlur}
|
||||||
|
onChange={(e) => field.handleChange(e.target.value)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<button type="submit">Submit</button>
|
||||||
|
</form>
|
||||||
</form.Provider>
|
</form.Provider>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user