Hyper supports accessing Link objects via GraphQL. Be sure to read about Craft's GraphQL support (opens new window).
In order to query a link, you'll need to first query the element that the Hyper field is attached to.
{
entries (section: "news", limit: 1) {
myLinkField {
url
text
}
}
}
{
"data": {
"entries": {
"myLinkField": [
{
"url": "http://my-site.test/some-url",
"text": "Some Text"
}
]
}
}
}
Note that for consistency with the GraphQL spec, the value for a Hyper field will always be an array of LinkInterface's, regardless of whether your Hyper field is set to be a multi-link field or not.
LinkInterface interface#This is the interface implemented by all links.
| Field | Type | Description |
|---|---|---|
ariaLabel | String | The aria-label attribute for the link. |
classes | String | The class attribute for the link. |
element | Element | The element (if provided) for the link. |
isElement | Boolean | Whether the chosen link value is an element. |
isEmpty | Boolean | Whether a link has been set for the field. |
link | String | The HTML output for a <a> element. |
linkText | String | The text for the link. |
linkUrl | String | The url for the link. |
newWindow | Boolean | Whether the link should open in a new window. |
target | String | The target attribute for the link. |
text | String | The text for the link. |
title | String | The title attribute for the link. |
type | String | The link type. |
url | String | The url for the link. |
urlPrefix | String | The url prefix for the link. |
urlSuffix | String | The url suffix for the link. |
Available for Craft 4. Get it from the plugin store.