다이얼로그
현재 화면 위에 glass modal을 띄우는 컨테이너다. 짧은 설정, AI 프롬프트 확인, wellness check-in에 적합하다.
활용 방법
Glass modal
본문과 footer 액션은 호출자가 조립한다.
Preview
tsx
<Dialog open={open} onClose={() => setOpen(false)} title="Session goal">...</Dialog>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| open | boolean | - | 열림 상태 |
| onClose | () => void | - | 닫기 콜백 |
| title | ReactNode | - | 제목 |