Fakultas Ilmu Komputer UI

CompanyRegister.jsx 2.8 KB
Newer Older
sirinbaisa's avatar
sirinbaisa committed
1
import React from 'react';
2
import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon, Card } from 'semantic-ui-react';
sirinbaisa's avatar
sirinbaisa committed
3
4
5
6
7
8

export default class companyRegister extends React.Component {

  render = () => (

     <div  className="register">
9

sirinbaisa's avatar
sirinbaisa committed
10
        <div className="registerForm">
11
12
        <Card fluid >
            <Card.Content>
sirinbaisa's avatar
sirinbaisa committed
13
14
15
16
17
18
19
20
21
                 <Form>
                     <Header as='h2' icon textAlign='center'>
                      <Icon name='signup' circular />
                      <Header.Content>
                        Register
                      </Header.Content>
                    </Header>
                    <Form.Field required>
                      <label>Email</label>
22
                      <Input  type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
sirinbaisa's avatar
sirinbaisa committed
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
                    </Form.Field>
                    <Form.Field required>
                      <label>Password</label>
                      <Input type='password' id="password"  icon='key' iconPosition='left' placeholder="password"  required />
                    </Form.Field>
                    <Form.Field required>
                      <label>Konfirmasi Password</label>
                      <Input type='password' icon="key" iconPosition="left" placeholder='password'  required />
                    </Form.Field>

                    <Form.Field required>
                      <label>Nama Perusahaan</label>
                      <Input placeholder='Nama Perusahaan' required />
                    </Form.Field>
                     <Form.Field required>
                      <label>Logo</label>
                     <Input
                        icon={{ name: 'attach', circular: true, link: true }}
                        placeholder='attach logo'
                        required
43
                        type="File"
sirinbaisa's avatar
sirinbaisa committed
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
                      />
                    </Form.Field>
                    <Form.Field required>
                      <label>Deskripsi</label>
                       <TextArea placeholder='Tell us more'  required/>
                    </Form.Field>
                     <Form.Field required>
                      <label>Alamat</label>
                      <Input placeholder='Alamat' required />
                    </Form.Field>
                     <Form.Field required>
                      <label>Kota</label>
                      <Input placeholder='Kota' required />
                    </Form.Field>
                     <Form.Field required>
                      <label>Provinsi</label>
                      <Input placeholder='Provinsi' required />
                    </Form.Field >
                    <Button type='submit' floated='right' color='blue'>Submit</Button>
                 </Form>
64
65
66
            </Card.Content>
        </Card>
        </div>
sirinbaisa's avatar
sirinbaisa committed
67

68
     </div>
sirinbaisa's avatar
sirinbaisa committed
69
70
71

        )
}