Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentationbreadcrumb arrow Grafana documentationbreadcrumb arrow API Referencebreadcrumb arrow @grafana/uibreadcrumb arrow ConfirmModalProps
Enterprise Open source

ConfirmModalProps interface

Signature

typescript 
export interface ConfirmModalProps

Import

typescript 
import { ConfirmModalProps } from '@grafana/ui';

Properties

PropertyTypeDescription
alternativeTextstringText for alternative button
bodyReact.ReactNodeModal content
confirmationTextstringText user needs to fill in before confirming
confirmTextstringText for confirm button
confirmVariantButtonVariantVariant for confirm button
descriptionReact.ReactNodeModal description
dismissTextstringText for dismiss button
dismissVariantButtonVariantVariant for dismiss button
iconIconNameIcon for the modal header
isOpenbooleanToggle modal’s open/closed state
titlestringTitle for the modal header

Methods

MethodDescription
onAlternative()Alternative action callback
onConfirm()Confirm action callback
onDismiss()Dismiss action callback

alternativeText property

Text for alternative button

Signature

typescript 
alternativeText?: string;

body property

Modal content

Signature

typescript 
body: React.ReactNode;

confirmationText property

Text user needs to fill in before confirming

Signature

typescript 
confirmationText?: string;

confirmText property

Text for confirm button

Signature

typescript 
confirmText: string;

confirmVariant property

Variant for confirm button

Signature

typescript 
confirmVariant?: ButtonVariant;

description property

Modal description

Signature

typescript 
description?: React.ReactNode;

dismissText property

Text for dismiss button

Signature

typescript 
dismissText?: string;

dismissVariant property

Variant for dismiss button

Signature

typescript 
dismissVariant?: ButtonVariant;

icon property

Icon for the modal header

Signature

typescript 
icon?: IconName;

isOpen property

Toggle modal’s open/closed state

Signature

typescript 
isOpen: boolean;

title property

Title for the modal header

Signature

typescript 
title: string;

onAlternative method

Alternative action callback

Signature

typescript 
onAlternative?(): void;

Returns:

void

onConfirm method

Confirm action callback

Signature

typescript 
onConfirm(): void;

Returns:

void

onDismiss method

Dismiss action callback

Signature

typescript 
onDismiss(): void;

Returns:

void