AlertingDialogHeader

Beta API. Mostly stable, but details may change in a minor release, outside SemVer. See API maturity.

The alerting dialog’s header region (the title input row), connected to the dialog’s state.

Renders DefaultAlertingDialogHeader with the props of useAlertingDialogHeaderProps(). Every prop passed here replaces the hook’s value for that prop wholesale; pass the dialog’s onCancel so the back button closes the dialog, and ref to receive the title input. Renders nothing while useAlertingDialogContext().isLoading is true.

AlertingDialogHeader: import("react").ForwardRefExoticComponent<Partial<IAlertingDialogHeaderProps> & import("react").RefAttributes<HTMLInputElement>>

Example

function MyAlertingDialog(props: IAlertingDialogProps) {
    return (
        <MyShell onClose={props.onCancel}>
            <AlertingDialogHeader onCancel={props.onCancel} />
            <AlertingDialogFilters />
        </MyShell>
    );
}
<Dashboard AlertingDialogComponent={MyAlertingDialog} />;