Drawer

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
backdrop
Type
boolean
Default
undefined
Default
undefined
Attribute
backdrop
Reflect
false
Description
Name
connector
Type
string
Default
undefined
Default
undefined
Attribute
connector
Reflect
false
Description
Name
floating
TypeDefault
undefined
Default
undefined
Attribute
floating
Reflect
false
Description
Name
mini
Type
boolean
Default
undefined
Default
undefined
Attribute
mini
Reflect
true
Description
Name
miniSize
Type
number | string
Default
80
Default
80
Attribute
mini-size
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
undefined
Default
undefined
Attribute
placement
Reflect
false
Description
Name
flexible
Type
boolean
Default
undefined
Default
undefined
Attribute
flexible
Reflect
false
Description
Name
size
Type
number | string
Default
280
Default
280
Attribute
size
Reflect
false
Description
Name
floated
Type
boolean
Default
undefined
Default
undefined
Attribute
floated
Reflect
true
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

There are no CSS Parts.

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