@emanon/ema-drawer

ema-drawer

Properties

Property	Attribute	Type	Default	Description
opened	opened	boolean	false	Whether showing or not.
persistent	persistent	boolean	false	Clicking outside of the element will not deactivate it.
placement	placement	"top" | "right" | "bottom" | "left"	"left"	Position where to show on the window.

Methods

Method	Type
close	(): void

Events

Event	Type	Description
close	CustomEvent<{}>	Fires when the drawer has closed.
opened	CustomEvent<{}>	Fires when Drawer has opened.
request-close	CustomEvent<{ accept: () => void; }>	Fires when the drawer want to be closed. Call the function passed to accept.

CSS Custom Properties

Property	Default	Description
--ema-c-drawer-containerBGColor	"#fff"	Container background color.
--ema-c-drawer-containerMaxSize	"auto"	Container max size.
--ema-c-drawer-containerRadius	0	Container Radius.
--ema-c-drawer-containerSize	"30%"	Container size.
--ema-c-drawer-diff	"100px"	Transform length.
--ema-c-drawer-duration	"300ms"	Length of transition time.
--ema-c-drawer-overlayColor	"#80888f"	Overlay color.
--ema-c-drawer-overlayOpacity	0.5	Ovaerlay opacity.