BackOffice Builder에서 제공하는 버튼 컴포넌트 종류와 버튼 UI 셋팅 방법을 간략히 소개한다.

...

1. Link : 특정 링크 오픈

2. Create : 신규 생성

3. Delete : 선택 항목 삭제

4. Save : 설정 내용을 저장

5. Execute : 선택 내용 실행

6. Modal : 간단한 입력폼(답변 등록/수정)을 Modal 타입으로 출력

7. Confirm : 확인창(Feedback)이 Modal 타입으로 출력

8. Excel : 클릭 시 엑셀 파일 다운로드 실행

9. UploadExcel : 엑셀 업로드 창이 Modal 타입으로 출력

10. Select : ??

11. Download : 다운로드

12. Call >빌더에서 생성 불가

13. Call Back Check > 빌더에서 생성불가

...

UI 유형

ICE4에서 만들 수 있는 버튼은 총 5가지 유형으로 구분된다.

No	Basic Button	Description
1	Default Button	Image RemovedImage Added 일반적인 기본 버튼
2	Primary Button	완료 혹은 권장을 알리는 강조 버튼
3	Text Button	테이블, 폼에 사용되는 가벼운 버튼 유형으로 보조적인 작업에 주로 사용
4	Icon Button	Image RemovedImage Added 텍스트 없이 아이콘으로만 표현된 버튼으로 시각적 단서 제공
5	Text Button with Icon	기본 버튼에 아이콘을 추가한 형태

...

...

...

1. Size

버튼의 크기는 아래와 같이 3가지로 선택 할 수 있다.

...

Status colour Red title needcheck 고스트가 배경 투명 기능이라면, Dashed 스타일과 함께 사용 불가인지 확인 필요 Status colour Red title need check Danger Button 칼라 확인 필요

...

4. Icon, Hide Label/Border

...

설정 방법은 총 3가지로 Simple CSS로 값 설정, Code CSS 직접 작성, Common Code CSS 선택이 있다.

...

...

6. Disable

작업을 사용 할 수 없도록 버튼을 비활성화 시켜야 한다면 Disable 옵션을 ON으로 설정한다.

...

Alert 옵션 명칭 확인 필요(Ant와 맞지 않음)

Setting	Result
	Image RemovedImage Added

https://ant.design/components/popconfirm/

...