diff --git a/README.md b/README.md index a04f28f..a866ebe 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ # react-native-form-builder ![alt text](http://g.recordit.co/7PqX8Ft7VO.gif) ![alt text](http://g.recordit.co/RWFvqi5tXG.gif) -# Note: +# Note: If you're looking for a better form management library with more advanced features, Please check out [React Reactive Form](https://github.com/bietkul/react-reactive-form). ## Features - Generate Form Fields UI @@ -45,8 +45,8 @@ To Install the peer dependecy ``` $ npm i native-base --save -``` -link the peer dependecy using +``` +link the peer dependecy using ``` react-native link @@ -225,6 +225,7 @@ number | Props | Default | Type | Description | | :------------ |:--------------- |:---------------| :-----| | iconName | N/A | `string` | Sets the icon, you can use any icon name which is available in `react-native-vector-icons`| +| iconType | N/A | `string` | Sets icon type to one of the supported icon families `AntDesign`, `MaterialIcons`, etc| | iconOrientaion | `left (default)` or `right` | `string` | Adjust icon orientation | | props | N/A | `object` | Here you can define extra props which are applicable for react native TextInput Component. For e.g. { multiline: true, secureTextEntry : true .... } @@ -367,7 +368,7 @@ formData = { status: 'Sad' } ``` - + ## Add Custom Validations It's very easy to add your custom validations & error messages with FormBuilder.All you need to do is define a function & pass it as `customValidation` prop. @@ -411,7 +412,7 @@ import theme from '../form-theme'; .... /> ``` -## Add Custom Components +## Add Custom Components Build your custom type's components & handle them easily with the help of form builder. Use the `customComponents` prop of form builder. ### Prototype @@ -439,4 +440,3 @@ It's an object of key value pair where key will be the `type` of the component & ## Example The form in second gif is generated by these fields - diff --git a/src/fields/textInput/index.js b/src/fields/textInput/index.js index 9a2715a..cf72a76 100644 --- a/src/fields/textInput/index.js +++ b/src/fields/textInput/index.js @@ -25,7 +25,7 @@ export default class TextInputField extends Component { { attributes.icon && - + }