Button 순서와 간격

버튼의 순서를 반드시 지켜주세요! 버튼 순서는 좌측기준으로 Custom버튼→ Icon버튼→ CRUD Line버튼→ Confirm버튼 순으로 정렬합니다.
그리드 CRUD버튼이 없을 경우에는 Icon버튼(엑셀버튼)이 최우측에 정렬됩니다.
버튼간 간격은 3px이며, Custom과 CRUD버튼은 구분을 위해 10px의 간격을 줍니다.

Primary Button - Text / With Icon

Default Button

기능 : 신청, 조회, 변경, 완료, 제외, 선택, 사진, 목록, 초기화, 닫기, 답글
결재 : 요청, 생성, 상신, 반려
기타 : 출력, 생성, 복사, 펼치기, 접기, 작업복사, 가져오기
Primary Button Primary Button

Icon Button

기타 : 엑셀업로드, 엑셀다운로드
엑셀다운로드 엑셀다운로드

CRUD Button

Fill : 저장, 등록, 승인
저장 저장
Line : 추가, 삭제, 수정, 취소
추가 추가

Detail Button

Search Button

상단 조회 조건 박스에 있는 고정 버튼

Shuffle Button

그리드와 상세내용 상하, 좌우 이동시 사용

Icon Button - Single

그리드와 상세내용 내에 단독으로 사용

Help Button

Tooltips

설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트
설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트
설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트
설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트 설명 텍스트

Popup Button