Buttons

.nav-btn-primary, .nav-btn-secondary, .mock-btn

다양한 상황에서 사용할 수 있는 버튼 스타일입니다.

Button Variants

주요 버튼 스타일 변형입니다.

Primary Button Secondary Button

주요 네비게이션 및 CTA에 사용되는 버튼입니다.

<a href="#" class="nav-btn-primary">Primary Button</a>
<a href="#" class="nav-btn-secondary">Secondary Button</a>

예제 프리뷰에서 사용되는 작은 버튼입니다.

컴포넌트 미리보기 영역에서 인터랙션을 시뮬레이션하는 버튼입니다.

여러 버튼을 그룹으로 배치할 때 사용합니다.

시작하기 문서 보기

.nav-btn-group 클래스로 버튼들을 정렬합니다.

<div class="nav-btn-group">
    <a href="#" class="nav-btn-primary">시작하기</a>
    <a href="#" class="nav-btn-secondary">문서 보기</a>
</div>

버튼의 다양한 상태입니다. 버튼 위에 마우스를 올려보세요.

Default

버튼

Hover (마우스 올리기)

버튼

Focus (Tab으로 포커스)

버튼

버튼에 사용되는 디자인 토큰입니다.