| Table of Contents |
|---|
...
No | Basic Button | Description |
|---|---|---|
1 | Default Button |  일반적인 기본 버튼 |
2 | Primary Button |  완료 혹은 권장을 알리는 강조 버튼 |
3 | Text Button |  테이블, 폼에 사용되는 가벼운 버튼 유형으로 보조적인 작업에 주로 사용 |
4 | Icon Button |   텍스트 없이 아이콘으로만 표현된 버튼으로 시각적 단서 제공 |
5 | Text Button with Icon |  기본 버튼에 아이콘을 추가한 형태 |
...
| Status | ||||
|---|---|---|---|---|
|
Dashed Type : 점선으로 둘러싸인 버튼 타입으로 일반적으로 작업을 추가하는데 사용
...
작업을 사용 할 수 없도록 버튼을 비활성화 시켜야 한다면 Disable 옵션을 ON으로 설정한다.
Setting | Result |
Disable{ON} |  |
7. Feedback
제공하는 Feedback 메시지는 총 3가지 타입이다.
Alert: 페이지 우측 상단에 표시되는 경고성 메시지로 닫기 버튼과 아이콘이 표시됨PopConfirm: 사용자에게 확인을 요청하는 간단한 대화 상자형 메시지Modal: 사용자가 응용 프로그램과 상호 작용하도록 요구하지만, 새 페이지로 이동하여 사용자 Work Flow를 방해하지 않도록 현재 페이지 위에 새 플로팅 레이어를 띄워 만든 간단한 대화 상자형 메시지
Feedback 메시지를 사용 할 수 있는 상황은 2가지(버튼 이벤트 실행 전/후)로 구분 된다.
| Info |
|---|
버튼 이벤트 실행 후 : 성공/실패 여부를 Alert 형태로 고정 출력 |
...
Setting
...
Result
...
| Info |
|---|
버튼 이벤트 실행 전 : 확인창을 PopConfirm 또은 Modal 형태 중 하나로 선택하여 사용 |
...
Setting
...
Result
...
Setting
...
Result
...
※ 버튼 컴포넌트 각각의 Feedback 메시지 옵션 사용 가능 여부는 아래와 같다.
No | Component | Alert( Success | Error ) | PopConfirm | Modal | |
|---|---|---|---|---|---|
5 | Execute | O | O | O | O |
9 | Excel(Download) | X | X | X | X |
11 | UploadExcel | X | X | X | X |