updated buttons to be small by default, breaking change

flyingcircle · Nov 23, 2016 · 858e723 · 858e723
1 parent 8df4596
commit 858e723
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 14 deletions.
diff --git a/Readme.MD b/Readme.MD
@@ -114,18 +114,18 @@ import { Button } from 'react-native-elements'
   title='BUTTON WITH ICON' />
 
 <Button
-  small
+  large
   iconRight
   icon={{name: 'code'}}
-  title='SMALL WITH RIGHT ICON' />
+  title='LARGE WITH RIGHT ICON' />
 
 <Button
-  small
+  large
   icon={{name: 'envira', type: 'font-awesome'}}
-  title='SMALL WITH RIGHT ICON' />
+  title='LARGE WITH RIGHT ICON' />
 
 <Button
-  small
+  large
   icon={{name: 'squirrel', type: 'octicon', buttonStyle: styles.someButtonStyle }}
   title='OCTICON' />
 
@@ -140,7 +140,7 @@ import { Button } from 'react-native-elements'
 | Component | TouchableHighlight (iOS), TouchableNativeFeedback (android) | React Native Component | Specify other component such as TouchableOpacity or other (optional) |
 | buttonStyle | none | object (style) | add additional styling for button component (optional) |
 | title | none | string | button title (required) |
-| small | false | boolean | makes button small |
+| large | false | boolean | makes button large |
 | fontFamily | System font (iOS), Roboto (android) | string | specify different font family |
 | fontWeight | none | string | specify font weight for title (optional) |
 | iconRight | false | boolean | moves icon to right of title |
@@ -825,7 +825,6 @@ import { Card, ListItem, Button } from 'react-native-elements'
     The idea with React Native Elements is more about component structure than actual design.
   </Text>
   <Button
-    small
     icon={{name: 'code'}}
     backgroundColor='#03A9F4'
     fontFamily='Lato'

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-elements",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "description": "React Native Elements & UI Toolkit",
   "main": "src/index.js",
   "repository": {

diff --git a/src/buttons/Button.js b/src/buttons/Button.js
@@ -50,7 +50,7 @@ const Button = ({
   underlayColor,
   raised,
   textStyle,
-  small,
+  large,
   iconRight,
   fontWeight,
   fontFamily}) => {
@@ -65,7 +65,7 @@ const Button = ({
     iconElement = (
       <Icon
         color={icon.color || 'white'}
-        size={icon.size || (small ? 18 : 26)}
+        size={icon.size || (large ? 26 : 18)}
         style={[
           iconRight ? styles.iconRight : styles.icon,
           icon.style && icon.style
@@ -80,7 +80,7 @@ const Button = ({
         animating={true}
         style={[styles.activityIndicatorStyle, activityIndicatorStyle]}
         color={color || "white"}
-        size={small && "small" || "large"}
+        size={large && "large" || "small"}
       />
     )
   }
@@ -125,7 +125,7 @@ const Button = ({
           borderRadius && {borderRadius},
           buttonStyle && buttonStyle,
           raised && styles.raised,
-          small && styles.small,
+          !large && styles.small,
           disabled && {backgroundColor: colors.disabled}
         ]}
         >
@@ -140,7 +140,7 @@ const Button = ({
             styles.text,
             color && {color},
             fontSize && {fontSize},
-            small && styles.smallFont,
+            !large && styles.smallFont,
             textStyle && textStyle,
             fontWeight && {fontWeight},
             fontFamily && {fontFamily}
@@ -193,7 +193,7 @@ styles = StyleSheet.create({
   },
   text: {
     color: 'white',
-    fontSize: normalize(18)
+    fontSize: normalize(16)
   },
   icon: {
     marginRight: 10