DialogHost

function DialogHost(__namedParameters): Element;

Host component for dialogs. Place this at the root of your app. Provides the useDialog hook to children.

Parameters

Parameter	Type
`__namedParameters`	`DialogHostProps`

Element

function App() {
  return (
    <DialogHost>
      <MyApp />
    </DialogHost>
  );
}

Property	Type
`children?`	`ReactNode`

Property	Type	Description
`backdropStyle?`	`Style`	Style for the backdrop overlay
`buttonStyle?`	`Style`	Base style for buttons
`focusedButtonStyle?`	`Style`	Style for focused button state (merged with button styles)
`okButtonStyle?`	`Style`	Style for the OK button (merged with buttonStyle)
`okText?`	`string`	Text for the OK button (default: “OK”)
`style?`	`Style`	Style for the dialog box

Property	Type	Description	Inherited from
`backdropStyle?`	`Style`	Style for the backdrop overlay	`AlertOptions`.`backdropStyle`
`buttonStyle?`	`Style`	Base style for buttons	`AlertOptions`.`buttonStyle`
`cancelButtonStyle?`	`Style`	Style for the Cancel button (merged with buttonStyle)	-
`cancelText?`	`string`	Text for the Cancel button (default: “Cancel”)	-
`focusedButtonStyle?`	`Style`	Style for focused button state (merged with button styles)	`AlertOptions`.`focusedButtonStyle`
`okButtonStyle?`	`Style`	Style for the OK button (merged with buttonStyle)	`AlertOptions`.`okButtonStyle`
`okText?`	`string`	Text for the OK button (default: “OK”)	`AlertOptions`.`okText`
`style?`	`Style`	Style for the dialog box	`AlertOptions`.`style`

Property	Type	Description
`alert`	(`content`, `options?`) => `Promise`<`void`>	Show an alert dialog. Returns a promise that resolves when dismissed.
`confirm`	(`content`, `options?`) => `Promise`<`boolean`>	Show a confirm dialog. Returns a promise that resolves to true (OK) or false (Cancel).