Components · Action

Split button

주 액션 + 보조 드롭다운. 가운데 1px 분리선. 사용 빈도가 압도적인 *기본 액션*이 있을 때.

Preview

Usage

<span class="split-btn">
  <button class="btn btn-primary">신청 제출</button>
  <button class="split-toggle" aria-label="더보기">▾</button>
</span>

Rules

DO

  • 왼쪽 버튼이 *기본·최빈* 액션.
  • 드롭다운에 2~5개 보조 액션.

DON'T

  • 왼쪽과 오른쪽이 동등 무게인 액션은 그냥 두 개 Button으로.