Introduce custom input elems for modals

This commit is contained in:
Lukas Martinelli
2016-12-21 14:36:09 +01:00
parent bdb0466436
commit 684e0d9dd0
6 changed files with 129 additions and 68 deletions

View File

@@ -0,0 +1,26 @@
import React from 'react'
import input from '../../config/input'
/** Wrap a component with a label */
class InputBlock extends React.Component {
static propTypes = {
label: React.PropTypes.string.isRequired,
children: React.PropTypes.element.isRequired,
}
onChange(e) {
const value = e.target.value
return this.props.onChange(value === "" ? null: value)
}
render() {
return <div style={{
display: 'block'
}}>
<label style={input.label}>{this.props.label}</label>
{this.props.children}
</div>
}
}
export default InputBlock