hero-image-left

ds.hero-image-left represents to a hero-section with left side image of the page, over here you can add the title for your page, followed by some image or cta-buttons, with some body.

Example:

Input

-- ds.hero-image-left: Create
image: $assets.files.static.left-img1.svg
link: landing/
cta-primary: Sign me up
cta-primary-link: index.html

Welcome Studio gives you all the tools you need to create and host virtual
experiences that look awesome and put your brand centerstage.

Lang:

ftd

Output

Create

Welcome Studio gives you all the tools you need to create and host virtual experiences that look awesome and put your brand centerstage.

Sign me up

Properties of `hero-image-left` component

title - type: caption It’s used to add title to hero-image-left component.
link - type: string It’s used to add link type to hero-image-left component.
cta-primary - type: string It’s used to add button text to hero-image-left component.
cta-primary-link - type: string It’s used to add button link url to hero-image-left component.
body - type: body It’s used to add body content to hero-image-left component.
image - type: ftd.image-src It’s used to add image to hero-image-left component.

Example:

Properties of hero-image-left component

Properties of `hero-image-left` component