Links that start with mailto:
and tel:
have an icon that shows what it'll do. This component doesn't need a data attribute, it's always active whenever the component is imported.
You need to import the CSS file. Contact links apply automatically to their elements.
@import "ssstyles/css/contactlinks.css" layer(components);
<a href="mailto:foo@bar.com">foo@bar.com</a>
<a href="tel:123456789">123 456 789</a>