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>