We want to warn users if a link description text looks like a URL but the actual link destination is different.

For instance, the link like this www.atlassian.com, (opens new window) leads to the google.com instead of expected www.atlassian.com

LinkUrl component has a built-in safety check and can be used as a plain hyperlink tag where we want to have a link safety check.

Note that when the checkSafety is true we only call the onClick function when the link is safe. If you would like to ensure that the onClick is always called then you can disable the safety checking by setting the safetyCheck to false. This is because onClick is often used to programatically open a link in a new tab or window and we don't want the links to open until we have checked that they are safe.

Installation

Simple usage

Please, click on the link below to see the warning message.