@emanon/ema-modal

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.