masthead v1.0.0

Masthead Component

This is Masthead component developed in pure react. These are reusable component. By using this <Masthead/> tag we can render Masthead in our view.

We can use Masthead in any applications, By importing it from following path: // in ECMAScript 6 import Masthead from './Masthead/Masthead.jsx';

We are using the following attributes in masthead: <Masthead

			menu = {
						menuItemNames : ["a", "b", "c"]
		   			}

	avatarProfile    =    {	avatarImg :'https://unsplash.it/200/200/?11',
						    avatarMenuItems :[ ],
						    userName: 'Chris Meeks',
				 			userEmailId: 'chris@altegra.com’,
				 			myprofileUrl: '',
				 			logoutUrl: ''
					      }

	        text     =    "Updated 2 min ago",

	        logoUrl  =   " "

/>

Masthead attributes :

menu: We are passing the json (key-value pairs) for the menu attribute.

avatarProfile:

avatarImg: The key is avatarImg and there would be an URL for the image which is called the value for the key.

userName: The username is a key and it contains a value which is being displayed in the avatar.

userEmailId: The useremailid is a key and it contains a value which is being displayed in the avatar.

myprofileUrl:

logoutUrl:

text: The text is used as an attribute in Masthead. A value for this attribute is being passed which shows when the data was last updated.