kremalicious/blog

View on GitHub
src/components/BackButton.astro

Summary

Maintainability
Test Coverage
---
import { ChevronLeft } from '@/images/components'
---

<style>
  .buttonBack {
    display: block;
  }

  .buttonBack svg {
    stroke: var(--text-color-light);
    display: inline-block;
    margin-bottom: -0.15rem;
  }
</style>

<button class={`link buttonBack`}>
  <ChevronLeft /> Go Back
</button>

<script>
  const buttonBack = document.querySelector('.buttonBack')
  buttonBack?.addEventListener('click', () => window.history.back())
</script>