-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
/
FormGridFormRow.js
58 lines (56 loc) · 1.86 KB
/
FormGridFormRow.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import React from 'react';
import { Col, Row, Button, Form, FormGroup, Label, Input } from 'reactstrap';
const Example = (props) => {
return (
<Form>
<Row form>
<Col md={6}>
<FormGroup>
<Label for="exampleEmail">Email</Label>
<Input type="email" name="email" id="exampleEmail" placeholder="with a placeholder" />
</FormGroup>
</Col>
<Col md={6}>
<FormGroup>
<Label for="examplePassword">Password</Label>
<Input type="password" name="password" id="examplePassword" placeholder="password placeholder" />
</FormGroup>
</Col>
</Row>
<FormGroup>
<Label for="exampleAddress">Address</Label>
<Input type="text" name="address" id="exampleAddress" placeholder="1234 Main St"/>
</FormGroup>
<FormGroup>
<Label for="exampleAddress2">Address 2</Label>
<Input type="text" name="address2" id="exampleAddress2" placeholder="Apartment, studio, or floor"/>
</FormGroup>
<Row form>
<Col md={6}>
<FormGroup>
<Label for="exampleCity">City</Label>
<Input type="text" name="city" id="exampleCity"/>
</FormGroup>
</Col>
<Col md={4}>
<FormGroup>
<Label for="exampleState">State</Label>
<Input type="text" name="state" id="exampleState"/>
</FormGroup>
</Col>
<Col md={2}>
<FormGroup>
<Label for="exampleZip">Zip</Label>
<Input type="text" name="zip" id="exampleZip"/>
</FormGroup>
</Col>
</Row>
<FormGroup check>
<Input type="checkbox" name="check" id="exampleCheck"/>
<Label for="exampleCheck" check>Check me out</Label>
</FormGroup>
<Button>Sign in</Button>
</Form>
);
}
export default Example;