HeroMedia

The opening section of your website providing a key piece of information and a video background. Commonly known as a "hero" section.

Loading...

Expected content and relative order

Role	Element	Layout	Alignment	Description
background	image			The optional background image.
pretitle	H2			A phrase that precedes the main headline.
title	H1			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.
media	image video			The image or video of the hero section.

Expected child content and relative order

Component properties

Name	Type	Enum	Default	Description
min_height	string	100vh 80vh 60vh 40vh	100vh	The minimum height of the section, it grows if the content is larger.
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		The horizontal alignment of the text content or the media content, in case both exist, it is the horizontal alignment of the text content.
vertical_alignment	string	top center bottom	center	The vertical alignment of the content.
media_as_bg	boolean		false	Weather or not the media will be used as a background, the facade will be ignored.