9 changed files with 55 additions and 36 deletions
@ -0,0 +1,17 @@ |
|||||
|
import React, { Component } from 'react' |
||||
|
import { Segment, Header, Form, Input } from 'semantic-ui-react' |
||||
|
|
||||
|
export default class LookupComponent extends Component { |
||||
|
render() { |
||||
|
return ( |
||||
|
<Segment raised> |
||||
|
<Header size='huge'>URL Lookup</Header> |
||||
|
<Form onSubmit={this.handleURLSubmit} autoComplete="off"> |
||||
|
<Form.Field> |
||||
|
<Input required size='big' ref={input => this.urlInput = input} action={{ icon: 'arrow right', labelPosition: 'right', content: 'Lookup' }} type='url' onChange={this.handleURLChange} name='url' placeholder={window.location.origin+"/..."} /> |
||||
|
</Form.Field> |
||||
|
</Form> |
||||
|
</Segment> |
||||
|
) |
||||
|
} |
||||
|
}; |
||||
Loading…
Reference in new issue