Talke Component Library

Quickbar Jumptop 

<div class="fixed bottom-0 flex items-end justify-end w-full h-screen pb-5 pr-6 transition-opacity pointer-events-none lg:opacity-0 max-w-outer-body z-50" x-data="" :class="{
      'lg:opacity-100 lg:delay-300': showQuickbarJumptop,
      'lg:opacity-0': !showQuickbarJumptop}">
    <div class="inline-flex items-center justify-center rounded shadow cursor-pointer pointer-events-auto bg-talke-light-blue w-14 h-14" x-on:click="
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    })
  ">
        <svg height="27.445" viewBox="0 0 30.816 27.445" width="30.816" xmlns="http://www.w3.org/2000/svg">
            <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                <path d="m122.786 4v11.442c0 14.346-13.984 13.984-13.984 13.984l-6.8.017" transform="translate(-100.998 -3)" />
                <path d="m254.558 14.17 7.628-10.17 7.628 10.171" transform="translate(-240.398 -3)" />
            </g>
        </svg>
    </div>
</div>
 
<div class="fixed bottom-0 flex items-end justify-end w-full h-screen pb-5 pr-6 transition-opacity pointer-events-none lg:opacity-0 max-w-outer-body z-50"
  x-data=""
  :class="{
      'lg:opacity-100 lg:delay-300': showQuickbarJumptop,
      'lg:opacity-0': !showQuickbarJumptop}">
  <div class="inline-flex items-center justify-center rounded shadow cursor-pointer pointer-events-auto bg-talke-light-blue w-14 h-14"
    x-on:click="
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    })
  ">
    {{> @icon--quickbar-jumptop }}
  </div>
</div>
 
/* No context defined. */

No notes defined.