mofron-comp-message

0.5.1 • Public • Published

mofron-comp-message

mofron is module based frontend framework.

message component for mofron

it is a component for informing the user of the result and notification contents.

Feature

  • display time can configure by "timer" parameter.
  • display position is easy to configure by "fixpos" parameter.
  • when the display position is set by "fixpos", the display position is fixed even if you scroll.

Attention

  • default visible is false. it needs to be displayed by the javascript "visible" function

Install

npm install mofron mofron-comp-message

Sample

<setting>
    <tag load="mofron-comp-message">Message</tag>
</setting>

<script run=after>
msg.visible(true);
</script>

<Message name=msg fixpos=("right","bottom") offset=("0.4rem","0.7rem")>message</Message>

Parameter

Short
Form
Parameter Name Type Description
fixpos string horizonal position ["left"/"center"/"right"]
string vertical position ["top"/"center"/"bottom"]
xFixpos string horizonal fixed position ["left"/"center"/"right"]
undefined: call as getter
string(size) offset size (not required)
yFixpos string vertical fixed position ["top"/"center"/"bottom"]
undefined: call as getter
string(size) offset size (not required)
offset string(size) horizonal offset size
undefined: call as getter
string(size) vertical offset size
closeComp mofron.class.Component replacement close component
undefined: call as getter
closePos string close position ('left', 'right')
undefined: call as getter
timer number display message timer [ms]
undefined: call as getter

Readme

Keywords

Package Sidebar

Install

npm i mofron-comp-message

Weekly Downloads

0

Version

0.5.1

License

MIT

Unpacked Size

13.2 kB

Total Files

5

Last publish

Collaborators

  • simparts