Manage to display dynamic fields

This commit is contained in:
lukasmartinelli
2016-09-12 19:44:28 +02:00
parent eebb7302cd
commit 957d805ab8
7 changed files with 114 additions and 43 deletions
+25
View File
@@ -0,0 +1,25 @@
import React from 'react'
import { Select, Input } from 'rebass'
/*** Number fields with support for min, max and units and documentation*/
class NumberField extends React.Component {
static propTypes = {
name: React.PropTypes.string.isRequired,
value: React.PropTypes.number.isRequired,
default: React.PropTypes.number,
unit: React.PropTypes.string,
min: React.PropTypes.number,
max: React.PropTypes.number,
doc: React.PropTypes.string,
}
render() {
return <Input type="number"
label={this.props.name}
name={this.props.name}
message={this.props.doc}
/>
}
}
export default NumberField