diff --git a/README.md b/README.md index 4f4e6854..21945630 100644 --- a/README.md +++ b/README.md @@ -99,6 +99,40 @@ Required: `true` Please see the example above +#### classNames +Type: `object` +Require: `false` + +You can give a custom css classes to elements +Accepted keys are `container`, `label`, `input`, `autocompleteContainer` + +```js +// classNames example +render() { + const cssClasses = { + container: 'form-group', + label: 'form-label', + input: 'form-control', + autocompleteContainer: 'my-autocomplete-container' + } + + return ( + + ) +} +``` +Now you can easily apply custom CSS styles using the classNames! + +#### placeholder +Type: `String` +Required: `false` +Default: `"Address"` + +You can pass placeholder prop to customize input's placeholder text ### `geocodeByAddress` API diff --git a/src/tests/index.spec.js b/src/tests/index.spec.js index ba6c7634..274f1f3e 100644 --- a/src/tests/index.spec.js +++ b/src/tests/index.spec.js @@ -110,27 +110,11 @@ describe('custom classNames, placeholder', () => { }) it('lets you set a custom placeholder for the input', () => { - //console.log(wrapper.find('input').props().placeholder) expect(wrapper.find('input').props().placeholder).to.equal('Your Address') }) }); - - - - - - - - - - - - - - - // TODO: test geocodeByAddress function describe('geocodeByAddress', () => { it('should be true', () => {