LineBanner

Astro

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

Props:

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

HTML

<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">배너 텍스트 (와이드)</div>
  <svg viewBox="0 0 7 12" class="v-line-banner__icon">
    <path d="M1 1L6 6L1 11"></path>
  </svg>
</a>

Preview

배너 텍스트

배너 텍스트 (와이드)