From 2abe61f1f7d5bc3eb929c6fc944a09e2d3609ce7 Mon Sep 17 00:00:00 2001 From: Mustapha Babatunde Date: Sat, 13 May 2017 00:10:06 +0100 Subject: [PATCH 1/3] Update sample --- sample/index.android.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sample/index.android.js b/sample/index.android.js index 96f94cd..2b45f3e 100644 --- a/sample/index.android.js +++ b/sample/index.android.js @@ -58,8 +58,8 @@ export default class sample extends Component { selectedItemIconColor="#CCC" itemTextColor="#000" searchInputStyle={{ color: '#CCC' }} - submitButtonColor="red" - submitButtonText="Accept" + submitButtonColor="#CCC" + submitButtonText="Submit" /> ); From d3ce2bca5fffb73ab1e8a07895a41e258db283f4 Mon Sep 17 00:00:00 2001 From: Mustapha Babatunde Date: Sat, 13 May 2017 00:10:20 +0100 Subject: [PATCH 2/3] Update README --- README.md | 65 +++++++++++++++++++++++++++---------------------------- 1 file changed, 32 insertions(+), 33 deletions(-) diff --git a/README.md b/README.md index d02427c..d372c12 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,7 @@ ## Screenshots - - - - +screen shot 2017-05-13 at 12 04 57 am screen shot 2017-05-13 at 12 03 53 am screen shot 2017-05-13 at 12 00 05 am screen shot 2017-05-13 at 12 00 25 am screen shot 2017-05-13 at 12 00 41 am screen shot 2017-05-13 at 12 02 46 am @@ -27,22 +24,22 @@ The snippet below shows how the component can be used // import component import MultiSelect from 'react-native-multiple-select'; -let items = [{ - id: '92iijs7yta', - name: 'First Item' +const items = [{ + id: '92iijs7yta', + name: 'Ondo', }, { - id: 'a0s0a8ssbsd', - name: 'Second Item' + id: 'a0s0a8ssbsd', + name: 'C2G', }, { - id: '16hbajsabsd', - name: 'Third Item' + id: '16hbajsabsd', + name: 'Calabar', }, { - id: 'nahs75a5sg', - name: 'Fourth Item' + id: 'nahs75a5sg', + name: 'Fourth Item', }, { - id: '667atsas', - name: 'Fifth Item' - }]; + id: '667atsas', + name: 'Fifth Item', +}]; let selectedItem = selectedItems => { // do something with selectedItems @@ -50,23 +47,23 @@ let selectedItem = selectedItems => { }; + items={items} + uniqueKey="id" + selectedItemsChange={selectedItem} + selectedItems={[]} + selectText="Pick Items" + searchInputPlaceholderText="Search Items..." + altFontFamily="ProximaNova-Light" + tagRemoveIconColor="#CCC" + tagBorderColor="#CCC" + tagTextColor="#CCC" + selectedItemTextColor="#CCC" + selectedItemIconColor="#CCC" + itemTextColor="#000" + searchInputStyle={{ color: '#CCC' }} + submitButtonColor="#CCC" + submitButtonText="Submit" +/> ``` @@ -94,6 +91,8 @@ The component takes 3 compulsory props - `items`, `uniqueKey` and `selectedItems | itemFontFamily | No | Font family for each non-selected item in multi-select drop-down | | itemTextColor | No | Text color for each non-selected item in multi-select drop-down | | searchInputStyle | No | Style object for multi-select input element | +| submitButtonColor | No | Background color for submit button | +| submitButtonText | No | Text displayed on submit button | ### Removing all selected items From 77ed560dac11ae6a2344f8931d9287aa6385cd0a Mon Sep 17 00:00:00 2001 From: Mustapha Babatunde Date: Sat, 13 May 2017 00:10:53 +0100 Subject: [PATCH 3/3] Update verison --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 500f0fc..a4e1bce 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-native-multiple-select", - "version": "0.1.1", + "version": "0.2.0", "description": "Simple multi-select component for react-native", "main": "index.js", "scripts": {