Dialog

Import

import {Dialog} from '@astryxdesign/core/Dialog';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Dialog displays a modal overlay that blocks interaction with the page until the user responds. Use it for delete confirmations, edit forms, terms acceptance, or any decision tha...

Important props

Theming targets

Best practices

• DoChoose the right purpose: info for dismissable content, form to prevent accidental backdrop dismissal, required when the user must respond.
• DoInclude a clear title in the header so users immediately understand what the dialog is asking.
• DoUse purpose="form" for dialogs with inputs so the user can't accidentally lose data by clicking the backdrop.
• DoKeep dialogs focused on a single task; if the content grows beyond what fits, consider a full page instead.