File

packages/eui/packages/components/eui-dialog/eui-dialog.component.ts

Implements

AfterViewInit OnDestroy OnInit OnChanges

Metadata

Index

Properties
Methods
Inputs
Outputs
Accessors

Inputs

acceptLabel
Type : string
Default value : 'eui.OK'
classList
Type : string
Default value : null
dismissLabel
Type : string
Default value : 'eui.CANCEL'
e2eAttr
Type : string
Default value : 'eui-dialog'
hasAcceptButton
Type : boolean
Default value : true
hasCloseButton
Type : boolean
Default value : true
hasClosedOnClickOutside
Type : boolean
Default value : false
hasClosedOnEscape
Type : boolean
Default value : true
hasDismissButton
Type : boolean
Default value : true
hasFooter
Type : boolean
Default value : true
hasMobileCustomSize
Type : boolean
Default value : false
hasNoBodyPadding
Type : boolean
Default value : false
height
Type : string
Default value : 'auto'
isDraggable
Type : boolean
Default value : false
isFullScreen
Type : boolean
Default value : false
isHandleCloseOnAccept
Type : boolean
Default value : false
isHandleCloseOnClickOutside
Type : boolean
Default value : false
isHandleCloseOnClose
Type : boolean
Default value : false
isHandleCloseOnDismiss
Type : boolean
Default value : false
isHandleCloseOnEscape
Type : boolean
Default value : false
isMessageBox
Type : boolean
Default value : false
title
Type : string
verticalPosition
Type : EuiDialogVerticalPosition
width
Type : string
Default value : '50%'

Outputs

accept
Type : EventEmitter
clickOutside
Type : EventEmitter
dialogClose
Type : EventEmitter
dialogOpen
Type : EventEmitter
dismiss
Type : EventEmitter
escape
Type : EventEmitter

Methods

Public closeDialog
closeDialog()

Close a Dialog

Returns : void
Public disableAcceptButton
disableAcceptButton()

Disable Accept button of default eui-dialog footer.

Returns : void
Public disableDismissButton
disableDismissButton()

Disable Dismiss button of default eui-dialog footer.

Returns : void
Public enableAcceptButton
enableAcceptButton()

Enable Accept button of default eui-dialog footer.

Returns : void
Public enableDismissButton
enableDismissButton()

Enable Dismiss button of default eui-dialog footer.

Returns : void
Public openDialog
openDialog()
Type parameters :
  • HC
  • HCC
  • BC
  • BCC
  • FC
  • FCC

Open a dialog.

Returns : OpenedDialog

A dialog object of type OpenedDialog

Properties

baseStatesDirective
Default value : inject(BaseStatesDirective)
Public content
Type : string | TemplatePortal
euiDialogFooterDirective
Type : QueryList<EuiDialogFooterDirective>
Decorators :
@ContentChild(undefined)
euiDialogHeaderDirective
Type : QueryList<EuiDialogHeaderDirective>
Decorators :
@ContentChild(undefined)
Public isOpen$
Type : BehaviorSubject<boolean>
Default value : new BehaviorSubject<boolean>(false)
templateRefContent
Type : TemplateRef<ElementRef>
Decorators :
@ViewChild('templateRefContent')
templateRefFooter
Type : TemplateRef<EuiDialogFooterDirective>
Decorators :
@ViewChild('templateRefFooter')
templateRefHeader
Type : TemplateRef<EuiDialogHeaderDirective>
Decorators :
@ViewChild('templateRefHeader')

Accessors

isOpen
getisOpen()

Whether the eui-dialog is open.

Example :
<eui-dialog #dialog>
     \@if (dialog.isOpen) {
         <my-component></my-component>
     }
</eui-dialog>
Returns : boolean

results matching ""

    No results matching ""