Dialog
사용자에게 중요한 정보를 전달하고, 필요하면 응답을 요구하는 컴포넌트입니다.
Anatomy#
- Trigger
- Backdrop
- Container
- Content
- Title
- Description
States#
| State | Values | Default Value |
| isOpen | true, false | false |
Contexts#
| Context | Values | Default Value | Description |
| closeOnOutsideClick | true, false | false | True일 경우, Container 외 영역을 클릭/탭 했을 시 Alert Dialog가 닫힘 |
| closeOnEsc | true, false | false | (키보드 동작에만 해당) True일 경우, ESC를 통해 Alert Dialog가 닫힘 |
Actions#
| Action | From | Condition | To |
OPEN | isOpen=false | | isOpen=true |
CLOSE | isOpen=true | | isOpen=false |
Triggers#
Web#
| Part | Event | Condition | Action |
| Trigger | PointerDown | | OPEN |
| Backdrop | PointerDown | closeOnOutsideClick == true | CLOSE |
| Container | KeyDown(ESC) | closeOnEsc == true | CLOSE |