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