From 4a71959c7827afeb545ad9b24f3602edd9aee893 Mon Sep 17 00:00:00 2001
From: Lamar West <westl@uci.edu>
Date: Wed, 7 Sep 2016 00:25:24 -0700
Subject: [PATCH] update button.md

- Changed property names to their current version
- Added more examples to show how to use the full component
---
 components/button.md | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/button.md b/components/button.md
index ab502c3..5fbf0b1 100644
--- a/components/button.md
+++ b/components/button.md
@@ -16,8 +16,9 @@ import { Button } from 'react-native-material-design';
 render() {
 	return (
 		<View>
-			<Button value="NORMAL FLAT" onPress={()=> console.log("I pressed a flat button")} />
-			<Button value="NORMAL RAISED" raised={true} onPress={()=> console.log("I pressed a raised button")} />
+			//**NOTE: If using overrides on a flat button (raised={false}), backgroundColor will not display.
+			<Button text="NORMAL FLAT" onPress={()=> console.log("I pressed a flat button")} />
+			<Button text="NORMAL RAISED" raised={true} onPress={()=> console.log("I pressed a raised button")} />
 		</View>
 	);
 }
@@ -28,25 +29,33 @@ render() {
 
 Prop | Type | Description | Required | Default
 --- | --- | --- | --- | ---
-value | string | The text which is rendered inside of the button | true |
+text | string | The text which is rendered inside of the button | true |
 theme | [THEME_NAME](/api/theme_name) |  | false | light
 primary | [PRIMARY_COLORS](/api/primary_colors) |  | false | [PRIMARY](/api/primary)
 overrides <br /> *textColor* <br /> *backgroundColor* <br /> *rippleColor* | object <br /> *string* <br /> *string* <br /> *string* | An object to override any colors <br /> *Override the text color of the button* <br /> *Override the background color of the button* <br /> *Override the ripple color of the button* | false <br /><br /><br /><br /> |
 disabled | bool | Whether to render the button as disabled. This will prevent any onPress props being triggered | false | false
 onPress | func | A function which is called when the touch of the button is released | false |
 onLongPress | func | A function which is called when the touch of the button is held for a long duration | false |
+raised | bool | | false | false
 
 ## Examples
 
 ### Group Buttons
 
 ```
-<View style={{flex: 2, flexDirection: 'row'}}>
+<View style={{flex: 3, flexDirection: 'row'}}>
     <View style={{flex: 1}}>
         <Button text='Button A' raised={true} />
     </View>
     <View style={{flex: 1}}>
-        <Button text='Button B' raised={true} />
+        //**NOTE: primary only changes the text and not the color of the button at the moment.
+        <Button primary='paperGreen' text='Button B' raised={true} />
+    </View>
+     <View style={{flex: 1}}>
+           <Button overrides={{
+                            backgroundColor: 'paperRed',
+                            textColor: 'paperGrey50'
+                        }} text='Looks Good!' raised={true} onPress={() => console.log("IT LOOKS GOOD!")}/>
     </View>
 </View>
 ```