띠배너

Astro

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

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" 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>