Header
Header Section used on most page of the website The image is supplied by dato CMS. it's recommended that this image be manipulated to show darker tones on the lower left portion an under the top nav to ensure the text pops
Props:
Prop Name | Type | Is Required | Default Value | Description |
---|---|---|---|---|
backgroundImage | object | required | none | background image for the page |
pageTitle | string | optional | none | The title of the page. This is h1 for seo. It could be a hostel name or the name of a blog post |
tagline | string | optional | none | This is the sub heading of the page |
propertyName | string | optional | none | If required you can show a property name if there is a relationship |
caption | string | optional | none | allows a caption to be shown and appears in the lower right hand side of the header will not show on mobile. |
menuDark | bool | optional | none | Allow the menu to be shown inverted, so dark logo and dark text |
hostel | bool | optional | none | Allow to specify if this will be a hostel page and adjust the formatting accordingly |