Components

Menu

트리거 옆에 뜨는 행동 목록입니다.

코드 보기
<div class="tn-menu">
  <button>이름 변경</button>
  <button>복제</button>
  <div class="sep"></div>
  <button class="danger">삭제</button>
</div>

Variants

이름설명미리보기
기본행동 목록
위험 분리삭제류는 구분선 아래 + 에러색

Guidelines

✓ Do
  • 위험 행동은 구분선 아래 마지막에
  • 항목은 동사형 2어절 이내
✕ Don't
  • 메뉴 안 서브메뉴 금지
  • 체크·라디오를 메뉴에 섞지 않는다

Specification

속성토큰/값비고
radius8px / 항목 6px
그림자0 4px 14px 8%
hoverprimary-muted