논쟁
| 기본 값 | Descrip{filter}tion
|
| 제목 | null (필수) | 모달의 제목입니다. 이 함수는 "title" 키로 객체에 추가하거나 함수의 첫 번째 매개변수로 전달될 수 있습니다. |
| 문자 메시지 | 영 | 모달에 대한 descrip{filter}tion. 이 함수는 키인 "텍스트" 아래에 객체에 추가하거나 함수의 두 번째 매개변수로 전달될 수 있습니다. |
| 형 | 영 | 모달의 종류. SweetAlert는 4가지 내장 타입을 제공하며, 이에 대응하는 아이콘 애니메이션을 보여줍니다: "경고", "오류", "성공" 그리고 "정보". 또한 "로 설정할 수도 있습니다입력"prompt 모드 받기 위해서. 이 함수는 객체 키의 "타입" 아래에 넣거나 함수의 세 번째 매개변수로 전달될 수 있습니다. |
| allowEscapeKey | true | 만약true사용자는 Escape 키를 눌러 모달을 해제할 수 있습니다. |
| 커스텀클래스 | 영 | 모달용 커스텀 CSS 클래스입니다. "customClass" 키로 객체에 추가할 수 있습니다. |
| allowOutsideClick | false | 만약true사용자는 모달 외부를 클릭하여 해제할 수 있습니다. |
| 쇼캔슬버튼 | false | 만약true"취소" 버튼이 표시되며, 사용자는 이를 클릭해 모달을 해제할 수 있습니다. |
| showConfirmButton | true | 만약false, "확인/확인" 버튼은 숨겨집니다. 사용자가 불편하지 않도록 타이머를 설정하거나 allowOutsideClick을 true로 설정하는 것이 중요합니다. |
| 확인버튼텍스트 | "알았어" | 이 도구를 사용해 "확인" 버튼의 텍스트를 변경하세요. showCancelButton이 true로 설정되어 있으면, 확인 버튼은 자동으로 "확인"이 아니라 "확인"으로 표시됩니다. |
| confirmButtonColor | "#AEDEF4" | 이 기능을 사용해 "확인" 버튼의 배경색을 변경하세요(반드시 HEX 값이어야 합니다). |
| 취소버튼텍스트 | "취소" | 이걸 사용해서 "취소" 버튼의 텍스트를 바꿔보세요. |
| 닫기확인 | true | 다음false사용자가 "확인" 버튼을 눌러도 모달이 계속 열려 있길 원한다면, 특히 "확인" 버튼에 연결된 기능이 또 다른 SweetAlert일 때 유용합니다. |
| 닫기취소 | true | closeOnConfirm과 같지만 취소 버튼에 해당합니다. |
| imageUrl | 영 | 모달에 맞춤형 아이콘을 추가하세요. 이미지로 가는 경로가 있는 문자열을 포함해야 합니다. |
| imageSize | "80x80" | imageUrl이 설정되어 있다면, imageSize를 지정해 아이콘이 px에서 얼마나 될지 설명할 수 있습니다. "x"로 구분된 두 값의 문자열을 입력합니다. 첫 번째 값은 너비, 두 번째는 높이입니다. |
| 타이머 | 영 | 모달의 자동 종료 타이머. 밀리초 단위로 설정됩니다. |
| HTML | false | true로 설정하면 제목과 텍스트 매개변수를 벗어나지 않습니다. (XSS 공격이 걱정된다면 false로 설정하세요.) |
| 애니메이션 | true | 만약false, 모달의 애니메이션은 비활성화됩니다. 가능한 (문자열) 값 :펑(애니메이션이 true로 설정되면 기본값),위에서 슬라이드-, 아래에서 미끄러지기 |
| inputType | "문자" | 입력 필드 유형을 변경할 때type: "input"(예를 들어 사용자가 비밀번호를 입력하도록 하고 싶을 때 유용할 수 있습니다.) |
| inputPlaceholder | 영 | 입력 유형을 사용할 때는 사용자가 쉽게 사용할 수 있도록 자리 표시자를 지정할 수 있습니다. |
| 입력값 | 영 | 입력이 사용할 때 보여줄 기본 텍스트 값을 지정하세요type: "input" |
| showLoaderOnConfirm | false | 다음true버튼을 비활성화하고 무언가가 로드되고 있음을 보여주기 위해서입니다. |