@berlitz/page-banner NPM | npm.io

4.0.18 • Published 4 years ago

Install

Weekly downloads

4,898

License

MIT

Repository

Last release

4 years ago

PageBanner

Installation

yarn add @berlitz/page-banner

Props

Argument	Type	Required	Default	Notes
backgroundImageSrc	String	✅		The image provided will automatically be resized and colorized for readability
children	Node			Children will display below the banner text
flipText	bool			Flip the order of the subtitle/title
inverse	bool		`true`	Use white text for a dark image overlay
large	bool			A taller banner
subtitle	String
title	String	✅
topNavComponent	Node
small	bool			A shorter banner
removeChildContainer	bool			Removes Col wrapping `children` if true
noBanner	bool		`false`	This will remove background image and show the top navigation in insolation

Usage

// TODO fill this in
import PageBanner from '@berlitz/page-banner'
import TopNav from '@berlitz/top-nav'

const MyApp = () => (
  <PageBanner
    title="Cool Page"
    subtitle="Some information about this page"
    backgroundImageSrc="http://www.coolimageurl.com/coolimage.jpg"
    topNavComponent={<TopNav {...topNavProps}>}
  />
)

@berlitz/globals @berlitz/max-utils @berlitz/spacer

@infinitebrahmanuniverse/nolb-_ber @everything-registry/sub-chunk-121

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago