항목
연결된 항목을 한눈에 살펴보세요.
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" >}}
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" >}}
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" >}}
FALLBACK미지의 CTAfallback 알 수 없는 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" >}}