Added elevation & prop to Toolbar

invertase · Dec 23, 2015 · 4a2b598 · 4a2b598
1 parent 8ebb439
commit 4a2b598
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/lib/Toolbar.js b/lib/Toolbar.js
@@ -11,6 +11,7 @@ export default class Toolbar extends Component {
         theme: PropTypes.oneOf(THEME_NAME),
         primary: PropTypes.oneOf(PRIMARY_COLORS),
         style: PropTypes.object,
+        elevation: PropTypes.number,
         overrides: PropTypes.shape({
             backgroundColor: PropTypes.string,
             titleColor: PropTypes.string,
@@ -29,11 +30,12 @@ export default class Toolbar extends Component {
 
     static defaultProps = {
         theme: 'dark',
-        primary: PRIMARY
+        primary: PRIMARY,
+        elevation: 4
     };
 
     render() {
-        const { title, theme, primary, style, overrides, icon, onIconPress, actions } = this.props;
+        const { title, theme, primary, style, elevation, overrides, icon, onIconPress, actions } = this.props;
 
         const themeMap = {
             light: {
@@ -55,7 +57,7 @@ export default class Toolbar extends Component {
         };
 
         return (
-            <View style={[styles.toolbar, { backgroundColor :styleMap.backgroundColor }, style]}>
+            <View style={[styles.toolbar, { backgroundColor :styleMap.backgroundColor, elevation }, style]}>
                 {
                     icon && (
                         <IconButton onPress={onIconPress}>