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}
)