Rev 10439 | Rev 10450 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'import { useHistory } from 'react-router-dom'const FormView = () => {const history = useHistory()return (<section className="content"><div className="container-fluid"><div className="row"><div className="col-12"><div className='card'><div className="card-header"><ul className="nav nav-tabs" id="myTab" role="tablist"><li className="nav-item" role="presentation"><button className="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button></li><li className="nav-item" role="presentation"><button className="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button></li><li className="nav-item" role="presentation"><button className="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button></li></ul></div><div className="card-body"><div className="tab-content" id="myTabContent"><div className="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"></div><div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div><div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"><div className="form-group"><label>Nombre</label><inputtype="text"name="name"className="form-control"/></div></div></div><div className="form-group"><buttontype="submit"className="btn btn-primary btn-form-save-close mr-2">Guardar</button><buttontype="button"className="btn btn-secondary btn-edit-cancel"onClick={() => history.goBack()}>Cancelar</button></div></div></div></div></div></div></section>)}export default FormView