Fallback on SITE

01-unknown-kind

Mon, 01 Jan 0001 00:00:00 +0000

알 수 없는 kind가 들어와도 기본 preset으로 폴백합니다.


{{< cta
  kind="mystery_campaign"
  label="미지의 CTA"
  href="/lab/hugo-content-lab/30-components/"
  ref="/blog/"
  intent="generic"
  priority="secondary"
  surface="after-content"
  size="md"
  tone="neutral"
  align="center"
  target="_self"
  rel=""
  note="알 수 없는 kind가 들어와도 기본 preset으로 폴백합니다."
  subtitle="fallback"
  aria_label="미지의 CTA"
  badge="FALLBACK"
  tracking_id="cta-fallback-01"
  analytics_event="cta_fallback_unknown"
  id="cta-fallback-unknown"
  class="is-fallback"
  compact="false"
  disabled="false" >}}

02-bogus-align

Mon, 01 Jan 0001 00:00:00 +0000

WARN정렬 폴백정렬 검증

잘못된 align 값은 기본 정렬로 처리됩니다.


{{< cta
  kind="default"
  label="정렬 폴백"
  href="/lab/hugo-content-lab/30-components/"
  ref="/blog/"
  intent="generic"
  priority="utility"
  surface="sidebar"
  size="xs"
  tone="warning"
  align="bogus"
  target="_self"
  rel=""
  note="잘못된 align 값은 기본 정렬로 처리됩니다."
  subtitle="정렬 검증"
  aria_label="정렬 폴백"
  badge="WARN"
  tracking_id="cta-fallback-02"
  analytics_event="cta_fallback_align"
  id="cta-fallback-align"
  class="is-warning"
  compact="true"
  disabled="false" >}}

03-rel-explicit

Mon, 01 Jan 0001 00:00:00 +0000

SAFE안전한 새 창보안 관계

rel을 명시적으로 넣는 예시입니다.


{{< cta
  kind="external"
  label="안전한 새 창"
  href="https://example.com/docs"
  ref="/blog/"
  intent="external"
  priority="primary"
  surface="hero"
  size="lg"
  tone="brand"
  align="center"
  target="_blank"
  rel="noopener noreferrer"
  note="rel을 명시적으로 넣는 예시입니다."
  subtitle="보안 관계"
  aria_label="안전한 새 창 열기"
  badge="SAFE"
  tracking_id="cta-fallback-03"
  analytics_event="cta_fallback_rel"
  id="cta-fallback-rel"
  class="is-external"
  compact="false"
  disabled="false" >}}

04-fallback-href

Mon, 01 Jan 0001 00:00:00 +0000

BASE기본 이동href 중심

기본 이동 경로를 보여줍니다.


{{< cta
  kind="default"
  label="기본 이동"
  href="/contact/"
  ref="/blog/"
  intent="generic"
  priority="utility"
  surface="sidebar"
  size="xs"
  tone="muted"
  align="stretch"
  target="_self"
  rel=""
  note="기본 이동 경로를 보여줍니다."
  subtitle="href 중심"
  aria_label="기본 이동"
  badge="BASE"
  tracking_id="cta-routing-04"
  analytics_event="cta_default_move"
  id="cta-routing-href"
  class="u-track-cta"
  compact="true"
  disabled="false" >}}