HeroSlider

The opening section of your website providing multiple rotating key pieces of information and images. Commonly known as a "carousel" section.

Loading...

Expected content and relative order

Role	Element	Layout	Alignment	Description

Expected child content and relative order

Separator: divider

Role	Element	Layout	Alignment	Description
background	image	center wide		The background image.
pretitle	H2			A phrase that precedes the main headline.
title	H1		left right center	The main headline.
subtitle	H2			A phrase that follows the main headline.
text	paragraph			The body text.
link	link			One or more links that attach to the hero section.

Component properties

Name	Type	Enum	Default	Description
min_height	string	100vh 80vh 60vh 40vh	100vh	The height of the section.
bg_size	string	full partial	full	The size of the background image.
show_back_drop	boolean		false	Whether or not the text will have a backdrop.
show_gradient	boolean		false	Weather or not the background will have a gradient.
gradient_from_pos	string	top bottom	bottom	The position of the gradient from.
horizontal_alignment	string	left center right	center	The horizontal alignment of the text.
vertical_alignment	string	top center bottom	center	The vertical alignment of the text.
slider_indicator	boolean		true	Weather or not the slider will have an indicator.