Merge pull request #70 from unicef/feature/uheader-changes

UHeader component enhancement
unicef · Apr 1, 2021 · 5e1f8b4 · 5e1f8b4
2 parents 14724f5 + a476c58
commit 5e1f8b4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/example/package.json b/example/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unicef/material-ui-example",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "homepage": "https://unicef.github.io/unicef-material-ui/example",
   "dependencies": {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unicef/material-ui",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "UNICEF theme and components of material-ui for react",
   "main": "index.js",
   "files": [

diff --git a/src/components/UHeader/UHeader.js b/src/components/UHeader/UHeader.js
@@ -72,6 +72,7 @@ export default function UHeader(props) {
     onLogoClick,
     openDrawer,
     toggleDrawer,
+    elevation,
   } = props
 
   const handleUrlClick = e => {
@@ -82,7 +83,7 @@ export default function UHeader(props) {
   }
 
   return (
-    <AppBar position={position}>
+    <AppBar position={position} elevation={elevation}>
       <Toolbar disableGutters={true} className={classes.bgColor}>
         <Box display="flex" ml={3} alignItems="center">
           {showHamburgerMenu !== false && (
@@ -191,6 +192,8 @@ UHeader.propTypes = {
   openDrawer: PropTypes.bool,
   /** Callback to change the openDrawer state */
   toggleDrawer: PropTypes.func,
+  /** AppBar elevation value to handle the box shadow effect */
+  elevation: PropTypes.number,
 }
 
 UHeader.defaultProps = {
@@ -199,4 +202,5 @@ UHeader.defaultProps = {
   hideLogo: false,
   logoUrl: '/',
   hideLogoBorderLine: true,
+  elevation: 4,
 }