Stage

Overview

When to use

The stage can be used to promote different topics, products or productlines. Typically it is at the top of a page. It contains a background image, a hedaline, a text and a button. To promote a product or a productline a packshot (featured image) and the diagonal as a design element can be displayed.

When to consider an alternative

t.b.d

Image sizes

Parent Element	brp-0	brp-1	brp-2	brp-3	brp-4
Stage Background	1:1	3:2	21:9	21:9	21:9
Width	480px	768px	992px	1200px	1920px
Featured Image Height	330px	240px	300px	350px	700px

Component

Default

Featured Image

Invert

Cobrand-Image

Properties

Stage

Property	Type	Required	Default
inGrid	Bool	false	-
invert	Bool	false	-
utilClassNames	String	false	-
children	Node	false	-

Stage.Body Props

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-

Stage.Header Props

Property	Type	Required	Default
children	Node	false	-

Stage.Image Props

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-

Stage.Tagline Props

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-

Stage.FeaturedImage Props

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-

Stage.CobrandImage Props

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-