@emanon/ema-drawer

0.4.0 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @emanon/ema-drawer

Weekly Downloads

16

Version

0.4.0

License

MIT

Unpacked Size

52 kB

Total Files

7

Last publish

Collaborators

  • npm-cam
  • fkei
  • noritama
  • t4y3
  • ejithon
  • higashiyama
  • usui_yuki_cam