Design Docs
AlertWithConfirmButton확인 버튼이 있는 알림 컴포넌트입니다. Portal을 사용하여 화면 중앙에 표시됩니다. text(title)에는 마침표(.)를 사용할 수 없고, subText에는 마침표(.)를 사용할 수 있습니다.
Simple Alert기본 알림 (확인 버튼만)
Alert with Two Buttons두 개의 버튼이 있는 알림
Secondary Button StyleSECONDARY 스타일 버튼
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| isOpen | boolean | false | Yes | 알림 표시 여부 |
| contents | string | Yes | 알림 내용 (JSX.Element) | |
| confirmButtonText | string | Yes | 확인 버튼 텍스트 | |
| onClickConfirmButton | string | Yes | 확인 버튼 클릭 핸들러 | |
| isLoading | boolean | false | - | 로딩 상태 |
| confirmButtonType | 'PRIMARY' | 'SECONDARY' | PRIMARY | - | 확인 버튼 스타일 |
| failButtonText | string | undefined | - | 취소 버튼 텍스트 (선택사항) |
| onClickFailButton | string | undefined | - | 취소 버튼 클릭 핸들러 |