Drawer

Examples

Basic

PreviewAngularReactVueJavaScript

Auto height

PreviewAngularReactVueJavaScript

API

Properties

Name

Description and specifications

closeOnClickOutside

Fired in case of an outside click during drawer showed state

Attribute:

close-on-click-outside

Type:

boolean

Default:

true

fullHeight

Render the drawer with maximum height

Attribute:

full-height

Type:

boolean

Default:

false

maxWidth

Max width interpreted as REM

Attribute:

max-width

Type:

number

Default:

28

minWidth

Min width interpreted as REM

Attribute:

min-width

Type:

number

Default:

16

show

Show or hide the drawer

Attribute:

show

Type:

boolean

Default:

false

width

Width interpreted as REM if not set to 'auto'

Attribute:

width

Type:

"auto" ｜ number

Default:

this.minWidth

Events

Name

Description and specifications

drawerClose

Fire event after drawer is close

Detail:

any

open

Fire event after drawer is open

Detail:

any