Dialog Overlay

Based on @reach/dialog.

Dialog is a styled extension of Reach UI's "Dialog" component, with state handled via isOpen and onDismiss. More information on these props, can be found in the Reach UI documentation.

Examples on this page show usage with React Hooks, but this could also be handled via higher-order components or libaries such as Recompose.

Default example

Props

NameTypeRequiredDefaultDescription
isOpenbooleanNofalseIs dialog open
onDismissfunctionNo-Function that triggers on dismissing dialog