diff --git a/README.md b/README.md index eacbc92..6e6a95f 100644 --- a/README.md +++ b/README.md @@ -35,3 +35,4 @@ Circle-style checkbox component for React Native. - `label` : Checkbox label. Default: empty - `labelPosition` : Label rendering position. Default: `right`, may be 'right' or 'left' - `styleCheckboxContainer`: Styles for checkbox container. +- `styleLabel`: Styles for label. diff --git a/index.js b/index.js index 5d60364..615c058 100644 --- a/index.js +++ b/index.js @@ -29,6 +29,7 @@ class CircleCheckBox extends Component { onToggle: React.PropTypes.func.isRequired, labelPosition: React.PropTypes.oneOf(['right', 'left']), styleCheckboxContainer: View.propTypes.style, + styleLabel: View.propTypes.style, }; static defaultProps = { @@ -40,7 +41,8 @@ class CircleCheckBox extends Component { filterColor: '#FFF', innerColor: '#FC9527', label: '', - labelPosition: 'right' + labelPosition: 'right', + styleLabel: {} }; constructor(props) { @@ -104,7 +106,7 @@ class CircleCheckBox extends Component { _renderLabel(position) { var templ = (); if ((this.props.label.length > 0) && (position === this.props.labelPosition)) { - templ = ({this.props.label}); + templ = ({this.props.label}); } return templ;