Skip to main content
Version: 4.0.0-rc.2


Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks. You can wrap any component with a simple Dialog component to display quick information to the user. Also receives all Overlay props except fullscreen.


Web-platform specific note:

You must pass a valid React Native Modal component implementation into ModalComponent prop because Modal component is not implemented yet in react-native-web

import Modal from 'modal-react-native-web';


<Dialog ModalComponent={Modal} ... />



Includes all Overlay props.

childrenReactNodeAdd Enclosed components.
onLongPressGestureResponderEventHandlerCalled when a long-tap gesture is detected.
onPressInGestureResponderEventHandlerCalled when a touch is engaged before onPress.
onPressOutGestureResponderEventHandlerCalled when a touch is released before onPress.
overlayStyleView StyleAdd additional styling to the internal Overlay component.
pressablePropsPressableProps except click handlersNone