텍스트 띠 배너

Astro

<LineBanner to="https://shinsegaev.com">배너 텍스트</LineBanner>
<LineBanner to="https://shinsegaev.com" wide={true}>배너 텍스트</LineBanner>

Props:

to:string: 링크 URL
wide?:boolean: 와이드형

<a class="v-line-banner" href="https://shinsegaev.com">
  <div class="v-line-banner__content">배너 텍스트</div>
  <svg viewBox="0 0 7 12" class="v-line-banner__icon">
    <path d="M1 1L6 6L1 11"></path>
  </svg>
</a>

<a class="v-line-banner v-line-banner--wide" href="https://shinsegaev.com">
  <div class="v-line-banner__content">
    <p>배너 텍스트</p>
  </div>
  <svg viewBox="0 0 7 12" class="v-line-banner__icon">
    <path d="M1 1L6 6L1 11"></path>
  </svg>
</a>