diff --git a/README.md b/README.md index ce46a69..1efb3b2 100644 --- a/README.md +++ b/README.md @@ -52,6 +52,9 @@ btnFontSize | custom fontSize of buttons in the Spinner | number | 14 | buttonTextColor | custom color of the button in the Spinner | string | 'white' | width | custom width of the Spinner | number | 90 | height | custom height of the Spinner | number | 30 | +decChar | custom character to use for the decrement button | string | '-' | +incChar | custom character to use for the increment button | string | '+' | +suffix | suffix string added after the number. For example F for Farenheit | string | '' | ## Screenshot diff --git a/index.js b/index.js index 4c66459..ca9792d 100644 --- a/index.js +++ b/index.js @@ -24,7 +24,10 @@ var Spinner = React.createClass({ buttonTextColor: PropTypes.string, disabled: PropTypes.bool, width: PropTypes.number, - height: PropTypes.number + height: PropTypes.number, + incChar: PropTypes.string, + decChar: PropTypes.string, + suffix: PropTypes.string }, getDefaultProps () { @@ -41,7 +44,10 @@ var Spinner = React.createClass({ buttonTextColor: 'white', disabled: false, width: 90, - height: 30 + height: 30, + incChar: '+', + decChar: '-', + suffix: '' } }, @@ -117,12 +123,12 @@ var Spinner = React.createClass({ { height: this.props.height } ]} onPress={this._decrease}> - + { color: this.props.buttonTextColor, fontSize: this.props.btnFontSize }]}>{this.props.decChar} - {this.state.num} + {this.state.num}{this.props.suffix} + + }]}>{this.props.incChar} )