0.4.0 • Published 3 years ago
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
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. |