Problem/Motivation

Upon setting up the Pulse theme using the Drupal CMS provided recipe, when I was attempting to create a "template" as the display mode for certain content type, I noticed that the link cannot bind to the URL properties in any of the SDC components in your theme.

Steps to reproduce

1. Create a new content type
2. Add a "link" field to this new content type, make it mandatory
3. Proceed to canvas's "template" tab
4. Add a "space link" or "space button" component
5. There's no option to bind the URL with the "link" field

Proposed resolution

After some digging I found that in order for a SDC's property to be correctly identified to be able to bind with a link, you'll need to have the following (ref: https://project.pages.drupalcode.org/canvas/code-components/component-me...):

type: string
format: uri-reference
examples:
  - https://example.com

I believe the format is missing in all the Pulse SDC components.

Video Showcase

https://www.drupal.org/files/issues/2026-06-15/2026-06-15T131107.mp4

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

simon_who created an issue. See original summary.

simon_who’s picture

Status: Active » Needs review
StatusFileSize
new15.42 MB

Hello team, I've added the related meta data to the component's YAML files such that URL properties can bind with the Links fields.

With that said, the Drupal recipe for the pulse site template may also need to be adjusted accordingly. For instance, the LinkedIn and X link on the video template used to be broken, upon this patch, it will need to use the "Resolved URL" instead of the "Link Text" to work, see video: https://www.drupal.org/files/issues/2026-06-15/2026-06-15T133605.mp4