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!