victorAnumudu
50 lines
2.1 KiB
React
50 lines
2.1 KiB
React
import React from 'react'
|
|
|
|
export default function GeneralTab({name='Full Name'}) {
|
|
return (
|
|
<div className="page-account-form">
|
|
<div className="p-4">
|
|
<form>
|
|
<h4>{name}</h4>
|
|
<div className="form-row">
|
|
<div className="form-group col-md-12">
|
|
<label htmlFor="name1">Full Name</label>
|
|
<input type="text" className="form-control" id="name1"
|
|
value="Alice Williams" />
|
|
</div>
|
|
<div className="form-group col-md-12">
|
|
<label htmlFor="title1">Title</label>
|
|
<input type="text" className="form-control" id="title1"
|
|
value="Marketing expert" />
|
|
</div>
|
|
<div className="form-group col-md-12">
|
|
<label htmlFor="phone1">Phone Number</label>
|
|
<input type="text" className="form-control" id="phone1"
|
|
value="(01) 97 563 15613" />
|
|
</div>
|
|
<div className="form-group col-md-12">
|
|
<label htmlFor="email1">Email</label>
|
|
<input type="email" className="form-control" id="email1"
|
|
value="alicewilliams@gmail.com" />
|
|
</div>
|
|
</div>
|
|
<div className="form-group">
|
|
<label htmlFor="add1">Address</label>
|
|
<input type="text" className="form-control" id="add1"
|
|
value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />
|
|
</div>
|
|
<div className="form-group">
|
|
<label htmlFor="add2">Address 2</label>
|
|
<input type="text" className="form-control" id="add2"
|
|
value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
|
|
</div>
|
|
|
|
|
|
<button type="submit" className="btn btn-primary">Update Information
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|