Buttons on SITE

Buttons on SITE https://hugo-test-pro-8.pages.dev/ko/tags/buttons/ Recent content in Buttons on SITE — SITE SITE https://hugo-test-pro-8.pages.dev/social.png https://hugo-test-pro-8.pages.dev/social.png Hugo -- 0.147.7 ko-KR 버튼 https://hugo-test-pro-8.pages.dev/ko/blog/lab/30-components/buttons/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-test-pro-8.pages.dev/ko/blog/lab/30-components/buttons/ <h1 id="buttons">buttons</h1> <h2 id="테스트-목적">테스트 목적</h2> <p>버튼은 사용자의 행동을 유도하는 가장 중요한 상호작용 요소입니다. primary, secondary, external, utility가 같은 시스템 안에서 분리되어 보여야 합니다.</p> <h2 id="확인-항목">확인 항목</h2> <ul> <li>primary 버튼이 가장 먼저 읽히는가</li> <li>secondary 버튼이 보조 행동으로 인식되는가</li> <li>external 행동이 내부 이동과 헷갈리지 않는가</li> <li>긴 라벨이 줄바꿈되어도 버튼 구조가 유지되는가</li> </ul> <h2 id="shortcode-예시">shortcode 예시</h2> <div id="-nil-" class="cta cta--kind-trial cta--priority-secondary cta--surface-after-content cta--size-md cta--tone-neutral cta--align-center cta--has-body &lt;nil&gt;" data-cta-kind="trial" data-cta-intent="<nil>" data-cta-priority="secondary" data-cta-surface="after-content" data-cta-size="md" data-cta-tone="neutral" data-cta-align="center" data-cta-target="_self" data-cta-has-body="true" data-cta-disabled="false" data-cta-compact="false" data-tracking-id="&lt;nil&gt;" data-analytics-event="&lt;nil&gt;"> <div class="cta__frame"><a class="cta__link" href="https://hugo-test-pro-8.pages.dev/docs/" target="_self" rel="&lt;nil&gt;" aria-label="&lt;nil&gt;"> <span class="cta__link-inner"><span class="cta__badge"></span><span class="cta__label">구조 확인 시작</span><span class="cta__subtitle"></span></span> </a><div class="cta__support"><p class="cta__note"></p>