본문으로 건너뛰기
액션

다이얼로그

현재 화면 위에 glass modal을 띄우는 컨테이너다. 짧은 설정, AI 프롬프트 확인, wellness check-in에 적합하다.

활용 방법

Glass modal

본문과 footer 액션은 호출자가 조립한다.

Preview
tsx
<Dialog open={open} onClose={() => setOpen(false)} title="Session goal">...</Dialog>

속성

이름타입기본값설명
openboolean-열림 상태
onClose() => void-닫기 콜백
titleReactNode-제목