Contents

Links

The web addresses that words inside the detail point at.

Where to find it
Labelled Links in the "Selected Component" section of the Modify drawer.
Offered by
The Accordion component. Other components do not have this setting.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.

In plain English

This makes words inside the detail clickable, and it works exactly like Links on the Text component. It is a numbered list of addresses: the first link you add is number 1, the second is number 2, and so on. Nothing becomes clickable until you also say which words it applies to, over in Detail.

You do that by wrapping the words in the link's number. A paragraph reading See our {1|returns policy} for the full terms, with a link at number 1 pointing to /returns, shows "returns policy" as the link and the rest as ordinary text.

The numbering is shared across the whole detail rather than restarting at each paragraph, so any paragraph can reach any link.

The Name field is worth filling in even though visitors never see it: it is what tells you which entry is which when you come back to this months later.

When you would use it

  • An answer that should point at the page with the full story.
  • A collapsed section that links out to terms, documentation, or a form.

How to change it

  1. Click the accordion on the canvas.
  2. In the Modify drawer, open "Selected Component", then "Links".
  3. Press "Add link", fill in the Link address, and give it a Name.
  4. Open "Detail" and wrap the words you want clickable in that link's number, like {1|returns policy}.
  5. Uncheck "Same value for all resolutions" if a link should differ per device.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Only the detail reads these. A marker in the Summary shows as plain text on purpose, because a link there would fight with the click that opens the accordion.
  • Deleting an entry leaves an empty numbered slot behind, deliberately: the detail refers to links by number, so closing the gap would silently repoint every later marker. Only a slot at the very end can be removed outright.
  • A number with no matching link shows as plain text. Nothing breaks — but a typo in the number looks like nothing happened.
  • Link colour and underline come from Typography on the column, not from this setting.

Related settings

For developers

The technical reference for what this setting produces: MDN: the anchor element. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.

Where to go next