1
1
import React , { Component } from 'react' ;
2
- import { Button , Card , CardBody , CardGroup , Col , Container , Input , InputGroup , InputGroupAddon , InputGroupText , Row } from 'reactstrap' ;
2
+ import { Button , Card , CardBody , CardGroup , Col , Container , Form , Input , InputGroup , InputGroupAddon , InputGroupText , Row } from 'reactstrap' ;
3
3
4
4
class Login extends Component {
5
5
render ( ) {
@@ -11,32 +11,34 @@ class Login extends Component {
11
11
< CardGroup >
12
12
< Card className = "p-4" >
13
13
< CardBody >
14
- < h1 > Login</ h1 >
15
- < p className = "text-muted" > Sign In to your account</ p >
16
- < InputGroup className = "mb-3" >
17
- < InputGroupAddon addonType = "prepend" >
18
- < InputGroupText >
19
- < i className = "icon-user" > </ i >
20
- </ InputGroupText >
21
- </ InputGroupAddon >
22
- < Input type = "text" placeholder = "Username" />
23
- </ InputGroup >
24
- < InputGroup className = "mb-4" >
25
- < InputGroupAddon addonType = "prepend" >
26
- < InputGroupText >
27
- < i className = "icon-lock" > </ i >
28
- </ InputGroupText >
29
- </ InputGroupAddon >
30
- < Input type = "password" placeholder = "Password" />
31
- </ InputGroup >
32
- < Row >
33
- < Col xs = "6" >
34
- < Button color = "primary" className = "px-4" > Login</ Button >
35
- </ Col >
36
- < Col xs = "6" className = "text-right" >
37
- < Button color = "link" className = "px-0" > Forgot password?</ Button >
38
- </ Col >
39
- </ Row >
14
+ < Form >
15
+ < h1 > Login</ h1 >
16
+ < p className = "text-muted" > Sign In to your account</ p >
17
+ < InputGroup className = "mb-3" >
18
+ < InputGroupAddon addonType = "prepend" >
19
+ < InputGroupText >
20
+ < i className = "icon-user" > </ i >
21
+ </ InputGroupText >
22
+ </ InputGroupAddon >
23
+ < Input type = "text" placeholder = "Username" autoComplete = "username" />
24
+ </ InputGroup >
25
+ < InputGroup className = "mb-4" >
26
+ < InputGroupAddon addonType = "prepend" >
27
+ < InputGroupText >
28
+ < i className = "icon-lock" > </ i >
29
+ </ InputGroupText >
30
+ </ InputGroupAddon >
31
+ < Input type = "password" placeholder = "Password" autoComplete = "current-password" />
32
+ </ InputGroup >
33
+ < Row >
34
+ < Col xs = "6" >
35
+ < Button color = "primary" className = "px-4" > Login</ Button >
36
+ </ Col >
37
+ < Col xs = "6" className = "text-right" >
38
+ < Button color = "link" className = "px-0" > Forgot password?</ Button >
39
+ </ Col >
40
+ </ Row >
41
+ </ Form >
40
42
</ CardBody >
41
43
</ Card >
42
44
< Card className = "text-white bg-primary py-5 d-md-down-none" style = { { width : 44 + '%' } } >
0 commit comments