Demo:
Hello there…
John Doe
I Am Passionate Developer!
We are an award-winning strategic design company that provides consultancy services and help you create outstanding digital products.
Overview
-- ds.hero
contains, a image to the right side and information to the left side of it. If you want to use it then use below given example code and add it inside a .ftd
file.
Invocation:
-- ds.hero: John Doe
tag: Hello there...
designation: I Am Passionate Developer!
avatar: $assets.files.assets.me.jpg
cta-primary: My Work
cta-primary-link: index.html
cta-secondary: Hire Me
cta-secondary-link: index.html
We are an award-winning strategic design company that provides
consultancy services and help you create outstanding digital products.
-- ds.hero: John Doe
tag: Hello there...
designation: I Am Passionate Developer!
avatar: $assets.files.assets.me.jpg
cta-primary: My Work
cta-primary-link: index.html
cta-secondary: Hire Me
cta-secondary-link: index.html
We are an award-winning strategic design company that provides
consultancy services and help you create outstanding digital products.
Properties:
Below are details of all properties of -- ds.hero
component.
title
{
type:
Caption (required
)
}
This is a default property of the hero
component. It’s used to add a title to hero
component.
body
{
type:
Caption (required
)
}
This is a default property of the hero
component. It’s used to add a body to hero
component.
tag
{
type:
Caption (required
)
}
This is a default property of the hero
component. It’s used to add a tag to hero
component.
designation
{
type:
Caption (required
)
}
This is a default property of the hero
component. It’s used to add a designation of author to hero
component.
avatar
{
type:
ftd.image-src (required
)
}
avatar
type:
ftd.image-src (required
)
This is a default property of the hero
component. Using avatar
attribute image can be added.
This is a default property of the hero
component. It’s used to add a click to action button title.
This is a default property of the hero
component. It’s used to add a link to click to action button.
This is a default property of the hero
component. It’s used to add a click to action button title.
This is a default property of the hero
component. It’s used to add a link to click to action button.