Can't Disable s-link Component – No disabled Prop or Attribute Support

Hi Shopify team,

While reviewing the s-link web component, I noticed that there doesn’t seem to be any built-in way to disable the link. I’ve checked the component documentation and tried using common HTML attributes like disabled, aria-disabled, and even applying custom classes to prevent interactions, but none of these approaches appear to work reliably.

Use case:
I need to temporarily disable the link in certain conditions (e.g., based on feature flags or form validation status), so that users can’t click it until a requirement is met.

Has anyone found a supported way to disable an s-link, or is this a missing feature?
If this isn’t currently supported, could this be considered for a future enhancement?

Thanks!

Hi Jaymit! s-link is based on HTML anchor tags, which also don’t have an ability to be disabled. To me this use case sounds like an HTML button, so you can use s-button, which can be disabled.

1 Like

Hi @Mitch_Lillie Thanks for the clarification!