How could I disable a <Link /> when a condition is true?
#Disable Link from "@remix-run/react"
stark reef
distant owl
It is the same as a <a /> so what you would do would be:
- Change the tag to a <p /> or something unclickable.
- Add pointer-events: none. https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
For accessibility you could do:
- add
aria-disabled: true - if you go with the change the element approach make sure to add the
role="link"so screen readers know it is a disabled link.
stark reef
thank you 🙏