container: 전체 SweetAlert 모달을 감싸는 최외곽 컨테이너입니다.
popup: 실제 모달 창 자체를 나타냅니다.
header: 모달의 상단 부분으로, 주로 title과 closeButton을 포함합니다.
title: 모달의 제목 텍스트에 적용됩니다.
closeButton: 모달을 닫는 'X' 버튼에 적용됩니다.
icon: 모달에 표시되는 아이콘(성공, 에러 등)에 적용됩니다.
image: 모달에 이미지가 포함될 때 해당 이미지에 적용됩니다.
htmlContainer: 주 내용(text 속성의 내용)이 표시되는 영역입니다.
input: 입력 필드가 있는 경우, 해당 입력 요소에 적용됩니다.
inputLabel: 입력 필드에 라벨이 있는 경우, 해당 라벨에 적용됩니다.
validationMessage: 입력 유효성 검사 실패 시 표시되는 메시지에 적용됩니다.
actions: 버튼들을 포함하는 영역에 적용됩니다.
confirmButton: '확인' 버튼에 적용됩니다.
denyButton: '거부' 버튼에 적용됩니다 (있는 경우).
cancelButton: '취소' 버튼에 적용됩니다.
loader: 로딩 중 표시되는 로더에 적용됩니다.
footer: 모달의 하단 부분에 적용됩니다.
timerProgressBar: 자동 닫힘 타이머의 진행 바에 적용됩니다.
'tools' 카테고리의 다른 글
CodeRabbit AI - AI기반 코드 리뷰 (0) | 2025.05.04 |
---|---|
react-intersection-observer(라이브러리.무한스크롤) (0) | 2024.07.07 |
리액트 tailwind css 적용 (0) | 2024.06.11 |
리액트 fontawesome 설치 및 사용 (0) | 2024.06.03 |
.prettierrc (0) | 2024.05.30 |