Dialog

See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

There is no difference between the APIs of the elements, And the only difference is in the names of the events

Properties

Name
animation
Type
boolean | string
Default
undefined
Default
undefined
Attribute
animation
Reflect
true
Description
Name
connector
Type
string
Default
undefined
Default
undefined
Attribute
connector
Reflect
false
Description
Name
fullHeight
Type
boolean
Default
undefined
Default
undefined
Attribute
full-height
Reflect
false
Description
Name
fullWidth
Type
boolean
Default
undefined
Default
undefined
Attribute
full-width
Reflect
false
Description
Name
fullscreen
TypeDefault
undefined
Default
undefined
Attribute
fullscreen
Reflect
false
Description
Name
keyboard
Type
boolean
Default
undefined
Default
undefined
Attribute
keyboard
Reflect
false
Description
Name
open
Type
boolean
Default
undefined
Default
undefined
Attribute
open
Reflect
true
Description
Name
persistent
Type
boolean
Default
undefined
Default
undefined
Attribute
persistent
Reflect
false
Description
Name
placement
TypeDefault
'top'
Default
'top'
Attribute
placement
Reflect
false
Description
Name
scrollable
Type
boolean
Default
undefined
Default
undefined
Attribute
scrollable
Reflect
false
Description
Name
size
TypeDefault
undefined
Default
undefined
Attribute
size
Reflect
false
Description
Name
sticky
Type
boolean
Default
undefined
Default
undefined
Attribute
sticky
Reflect
false
Description
Name
transparent
Type
boolean
Default
undefined
Default
undefined
Attribute
transparent
Reflect
false
Description

Slots

Name
default
Description

Events

Name
plus-close
Type
EventEmitter<void>
Cancelable
true
Description
Name
plus-closed
Type
EventEmitter<void>
Cancelable
false
Description
Name
plus-open
Type
EventEmitter<void>
Cancelable
true
Description
Name
plus-opened
Type
EventEmitter<void>
Cancelable
false
Description

CSS Variables

There are no CSS Variables.

CSS Parts

Name
backdrop
Description

Methods

Name
hide
Type
Promise<boolean>
Signature
hide() => Promise<boolean>
Description
Name
show
Type
Promise<boolean>
Signature
show() => Promise<boolean>
Description
Name
toggle
Type
Promise<boolean>
Signature
toggle() => Promise<boolean>
Description