Cta
Cta
A labeled link presented as an action.
Authoring guidance
Use when
Use when a link should be emphasized as an action.
Properties
ariaLabel
string
Accessible label that gives the action enough context to be understood independently of surrounding content.
class
string
Optional styling hook.
icon
Optional supporting icon rendered before the action text.
link
Navigation behavior.
text
string
Visible action text label.
type
string
Identifies the Element type represented by this object.
"cta"
Example
Required
{
"ariaLabel": "Explore birding guides",
"link": {
"href": "#example"
},
"text": "Explore Guides",
"type": "cta"
}
Full
{
"ariaLabel": "Explore birding guides",
"class": "example",
"icon": {
"ariaLabel": "Search",
"class": "example",
"name": "search"
},
"link": {
"href": "#example",
"newTab": false,
"nofollow": false,
"sponsored": false
},
"text": "Explore Guides",
"type": "cta"
}
examples are generated from the schema.