Jumbotron

Heading In Here Big Text

Description in here with some more text

Copy

Copied

<Jumbotron pb="3.5em" flexDirection="column" alignItems="center">
  <H1 mb="0">Heading In Here Big Text</H1>
  <H2 mt="16px">Description in here with some more text</H2>
</Jumbotron>

Props

Name	Type	Default	Description
bgImage	string		Defines the background image style property.
bgColor	string		Defines the background color style property.
parallaxEffect	boolean	false	Enable parallax effect of the component.
textColor	string		Defines the color of H1 and H2 inside of the Jumbotron.
pt	string	0	Defines the padding-top style property.
pb	string	8em	Defines the padding-bottom style property.
pl	string	1em	Defines the padding-left style property.
pr	string	1em	Defines the padding-right style property.
m	string \| number \| array \| object	0	Defines the margin style property.
mt	string \| number \| array \| object	0	Defines the margin-top style property.
mr	string \| number \| array \| object	0	Defines the margin-right style property.
mb	string \| number \| array \| object	0	Defines the margin-bottom style property.
ml	string \| number \| array \| object	0	Defines the margin-left style property.
mx	string \| number \| array \| object	0	Defines the margin-left and margin-right style property.
my	string \| number \| array \| object	0	Defines the margin-top and margin-bottom style property.
p	string \| number \| array \| object	0	Defines the padding style property.
px	string \| number \| array \| object	0	Defines the padding-left and padding-right style property.
py	string \| number \| array \| object	0	Defines the padding-top and padding-bottom style property.
width	string \| number \| array \| object	'auto'	Defines the width style property.
maxWidth	string \| number \| array \| object	'none'	Defines the max-width style property.
height	string \| number \| array \| object	'auto'	Defines the height style property.
minHeight	string \| number \| array \| object	'auto'	Defines the min-height style property.
flexDirection	'row' \| 'row-reverse' \| 'column' \| 'column-reverse'	row	Defines the flex-direction style property.
flexWrap	'nowrap' \| 'wrap' \| 'wrap-reverse'	wrap	Defines the flex-wrap style property.
alignItems	'flex-start' \| 'center' \| 'flex-end' \| 'stretch' \| 'baseline'	stretch	Defines the align-items style property for vertical alignment.
justifyContent	'flex-start' \| 'center' \| 'flex-end' \| 'space-between' \| 'space-around' \| 'space-evenly'	flex-start	Defines the justify-content style property. It is applied for all screen sizes.
alignContent	'stretch' \| 'center' \| 'flex-start' \| 'flex-end' \| 'space-between' \| 'space-around'	stretch	Defines the align-content style property.
flex	string \| number	0 1 auto	Defines the flex style property.
flexBasis	string \| number	auto	Specifies the initial length of a flexible item.
flexGrow	number	0	Specifies how much the item will grow relative to the rest of the flexible items inside the same container.
flexShrink	number	1	Specifies how the item will shrink relative to the rest of the flexible items inside the same container.
alignSelf	'auto' \| 'flex-start' \| 'center' \| 'flex-end' \| 'stretch' \| 'baseline'	auto	Defines the align-self style property.
order	number	0	Specifies the order of a flexible item relative to the rest of the flexible items inside the same container.