Back To Top

<a href="#top" class="back-to-top icon-rounder bg-transparent-black border-color-silver js-back-to-top flex flex--v-center flex--h-center" data-track-event="{&quot;category&quot;: &quot;component&quot;, &quot;action&quot;: &quot;back-to-top:click&quot;, &quot;label&quot;: &quot;url: undefined&quot;}"><span class="back-to-top__text">back to top</span><div class="icon icon--180 icon--white"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M18.8 10.45a1 1 0 0 0-1.41 0L13 14.87l-4.44-4.42a1 1 0 1 0-1.41 1.41L12.27 17a1 1 0 0 0 1.41 0l5.12-5.12a1 1 0 0 0 0-1.43z"></path></svg></svg></div></a>
// @flow
import Icon from '../Icon/Icon';

type Props = {|
  trackId: string
|}

const BackToTop = ({trackId}: Props) => (
  <a href='#top' className='back-to-top icon-rounder bg-transparent-black border-color-silver js-back-to-top flex flex--v-center flex--h-center'
    data-track-event={`{"category": "component", "action": "back-to-top:click", "label": "url: ${trackId}"}`}>
    <span className="back-to-top__text">back to top</span>
    <Icon name="chevron" extraClasses='icon--180 icon--white' />
  </a>
);

export default BackToTop;
/* No context defined for this component. */

There are no notes for this item.