All components
Surfaces
Dialog
Centered modal dialog with structured header, body, footer, density, and surface variants.
Surfaces
Interactive
Needs State Matrix
import { Dialog } from '@ivim/native/components';
Example
State Matrix
Trigger
Content preview
Dialog title
Use dialogs for focused decisions.
Structured
Dialog title
Structured header and footer slots.
Dialog body content stays composable.
Compact outline
Compact dialog
Outlined, lower-density treatment.
State coverage
Interaction and visual states this component supports.
default
pressed
disabled
active
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.