Dialog
네이티브 <dialog /> 요소 기반의 헤드리스 모달 다이얼로그 컴포넌트. 외부 클릭 닫기 및 keep-mounted 모드를 지원합니다.
API 레퍼런스
Dialog
| Prop | Type | Default | Description |
|---|
| children | ReactNode | - | Dialog 하위 컴포넌트 (Trigger, Content, Closer) |
| closeOutside | boolean | false | 콘텐츠 영역 외부 클릭 시 다이얼로그 닫기 |
| keepMounted | boolean | false | 다이얼로그가 닫힌 상태에서도 DOM에 콘텐츠 유지 |
Dialog.Trigger
| Prop | Type | Default | Description |
|---|
| children | ReactElement | ((props: { open }) => ReactNode) | - | 클릭 가능한 요소 또는 open 핸들러를 받는 렌더 함수. aria-controls 자동 적용 |
Dialog.Content
| Prop | Type | Default | Description |
|---|
| ...props | ComponentPropsWithoutRef<"dialog"> | - | 모든 네이티브 dialog 요소 속성. 자동 생성된 id 적용 |
Dialog.Closer
| Prop | Type | Default | Description |
|---|
| children | ReactElement | ((props: { close }) => ReactNode) | - | 클릭 가능한 요소 또는 close 핸들러를 받는 렌더 함수 |