function AddPersonForm() { const [ person, setPerson ] = useState(""); function handleChange(e) { setPerson(e.target.value); } function handleSubmit(e) { e.preventDefault(); } return ( <form onSubmit={handleSubmit}> <input type="text" placeholder="Add new contact" onChange={handleChange} value={person} /> <button type="submit">Add</button> </form> ); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter