Hero-Split

Documentation for the component: <v-hero-split>

Komposition med redigeringsværktøj →

New component

This is a new frontend component and is not yet implemented by backend. It can therefore not be found in Sitecore just yet.

Kan konfigureres via properties i state.heroConfig objektet. Se under tabben Code samt i API table nedenfor.

Hero-Split API

Name	Type	Description	Default
video	Boolean	Show video (embeded code from Cloudflare)	false
themeVariant	String	Theme variant. Can be 0 - 10	""
transparentButtons	Boolean	Transparent buttons. Only works if themeVariant is set	false
wide	Boolean	Make the hero split full width	false
desktopContentRight	Boolean	Place content on right side (desktop)	false
mobileContentBottom	Boolean	Place content at the bottom (mobile)	false
alignMobile	String	Content alignment on mobile. Options: center, left, right	"left"
minHeightDesktop	String	Set a minimum height on desktop (number value, e.g. "600")	""
imgSrc	String	Image source URL for mobile	""
imgMdSrc	String	Image source URL for desktop	""
imgAltText	String	Alt text for the image (same text for both sources)	""
titleTextMobile	String	Title text for mobile view	""
titleTextDesktop	String	Title text for desktop view	""
contentTextMobile	String	Content text for mobile view	""
contentTextDesktop	String	Content text for desktop view (supports HTML)	""
button1Text	String	Primary button text	""
button2Text	String	Secondary button text	""
titleFontSizeMobile	String	Font size for title on mobile (1-15)	"8"
titleFontSizeDesktop	String	Font size for title on desktop (1-15)	"9"
textFontSizeMobile	String	Font size for content on mobile (1-15)	"4"
textFontSizeDesktop	String	Font size for content on desktop (1-15)	"5"
buttonSize	String	Button size. Options: small, medium, large	"medium"