mofron-comp-menu

mofron is module based frontend framework.

menu component for mofron

Feature

• configure the displayed contents when users click the menu by "contents" parameter
• "horizon" parameter is config that is horizontal menu item or vertical menu item

Install

npm install mofron mofron-comp-menu

Sample

<setting>
    <tag module="mofron-comp-txtframe">TxtFrame</tag>
    <tag module="mofron-comp-menu">Menu</tag>
</setting>

<Menu offset=-0.01rem horizon=true>
    <item size=(1.5rem,0.5rem)>
        <TxtFrame>menu 1</TxtFrame>
        <TxtFrame>menu 2</TxtFrame>
        <TxtFrame>menu 3</TxtFrame>
    </item>
</Menu>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | | horizon | boolean | set/unset horizontal mode | | | select | number | select menu item index | | | reselect | boolean | true: call event when items are duplicates selected | | | | | false: ignored when items are duplicates selected [default] | | | selectEvent | function | select event function | | | | mixed | select event parameter | | ◯ | item | mixed | component: menu items component | | | | | array: menu items list | | | offset | string(size) | offset value | | | mainColor | mixed | string: menu item color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | option | style option | | | baseColor | mixed | string: color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | option | style option | | | accentColor | mixed | string: color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | option | style option |