Skip to content

띠배너

샘플 페이지

모듈 구성

Title

LineBanner

Astro

import Title from "@shared/ui/title/Title.astro";
import LineBannerComponent from "@shared/module/line-banner/LineBanner.astro";

<section class="v-tmpl v-tmpl--line-banner" style="margin-bottom: 48px;">
  <Title level={1}>WIDE</Title>

  <!-- LineBanner 문서 참고 -->
  <LineBannerComponent
    {...props}
    wide={true}
  >
    ...
  </LineBannerComponent>
</section>

HTML

<section class="v-tmpl v-tmpl--line-banner" style="margin-bottom: 48px;">
  <h1 class="v-truncate v-title">WIDE</h1>
  <!-- LineBanner 문서 참고 -->
  <a href="#" class="v-line-banner v-line-banner--wide">
    ...
  </a>
</section>

Preview