1.2.7 • Published 3 years ago
wmk-link v1.2.7
Links
WmkLink
const WmkLink = React.forwardRef(
({ id, children, target, mailto, tel, style, className, speed }, ref)...
<WmkLink to={'/page'}>Link Text</WmkLink>
<WmkLink to="http://site.com" target="blank">Link Text</WmkLink>
<WmkLink mailto>email@address.com</WmkLink>
<WmkLink tel>123.456.7890</WmkLink>
target any target will trigger external link. It's best to leave target undefined if intended to use Gatsby . to can be left blank for tel and mailto if {children} is phone number / email.
GTM Data Layer
Pass an object (ToGtmDatalayer: {event: string, params: {key: string: string}[]}) to the toDataLayer prop to trigger an event and meta data in Google Tag Manager
WmkButton
Acts just like a normal button element but with the ability to push data to Google Tag Manager data layer.