Dialog Content

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
twoxsmall | xsmallNoxsmallSize for label
positionTOP | CENTERNo-
maxWidthstringNo-