Contents

Links

The web addresses that words inside the list items point at.

Where to find it
Labelled Links in the "Selected Component" section of the Modify drawer.
Offered by
The List 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 list items 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 List Items.

You do that by wrapping the words in the link's number. An item reading Read our {1|pricing} page, with a link at number 1 pointing to /pricing, shows "pricing" as the link and the rest as ordinary text.

The numbering is shared across the whole list rather than restarting per item, so every item can reach every link — a footer list of five links is five entries here and one marker in each item.

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 later.

When you would use it

  • A footer or menu list where every item is a link — pair it with a Marker Style of none.
  • A list of resources, docs, or further reading.
  • An item that mentions a page in passing and should link the mention, not the whole item.

How to change it

  1. Click the list 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 "List Items" and wrap the words you want clickable in that link's number, like {1|pricing}.
  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

  • Deleting an entry leaves an empty numbered slot behind, deliberately: the items refer 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 in an item with no matching link shows as plain text. Nothing breaks — but a typo in the number looks like nothing happened.
  • The link wraps the words, not the item. There is no way to make the whole bullet row clickable from here.
  • 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