Ninja Pirate Marksman

    @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.

    Keywords

    none

    Install

    npm i @emanon/ema-drawer

    DownloadsWeekly Downloads

    18

    Version

    0.4.0

    License

    MIT

    Unpacked Size

    52 kB

    Total Files

    7

    Last publish

    Collaborators

    • npm-cam
    • fkei
    • noritama
    • t4y3
    • ejithon
    • daiki_choko
    • higashiyama
    • kidoyuna
    • so134
    • usui_yuki_cam