@emanon/ema-modal

    0.4.0 • Public • Published

    ema-modal

    Overall

    Used to notify a user of some information.

    Properties

    Property Attribute Type Default Description
    fixed fixed boolean false Modal will be placed with fixed position.
    opened opened boolean false Modal will be visible when true.
    persistent persistent boolean false Clicking outside of the element will not deactivate it.

    Methods

    Method Type
    close (): void

    Events

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

    CSS Custom Properties

    Property Default Description
    --ema-c-modal-bgColor "#fff" Modal background color.
    --ema-c-modal-duration "300ms" length of transition time.
    --ema-c-modal-height "calc(100% - 16px * 2)" Modal height.
    --ema-c-modal-maxHeight "auto" Modal max height.
    --ema-c-modal-maxWidth "auto" Modal max width.
    --ema-c-modal-overlayColor "#80888f" Overlay color.
    --ema-c-modal-overlayOpacity Overlay opacity.
    --ema-c-modal-radius "8px" Modal border radius.
    --ema-c-modal-width "calc(100% - 16px * 2)" Modal width.

    Keywords

    none

    Install

    npm i @emanon/ema-modal

    DownloadsWeekly Downloads

    1

    Version

    0.4.0

    License

    MIT

    Unpacked Size

    47.1 kB

    Total Files

    7

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar