mofron-comp-slidemenu

mofron is module based frontend framework.

slidemenu component for mofron

Install

npm install mofron mofron-comp-slidemenu

Sample

<require>
    <tag module="mofron-comp-text">Text</tag>
    <tag module="mofron-comp-slidemenu">SlideMenu</tag>
    <tag module="mofron-comp-txtframe">TxtFrame</tag>
</require>

<script name=sw run=init>
slide.visible(true);
</script>

<Text event=Click:@sw size=0.3rem>&equiv;</Text>

<SlideMenu name=slide offset=-0.01rem base-color="#f0e6fa" position=right>
    <item size=(1.5rem,0.5rem)>
        <TxtFrame>menu 1</TxtFrame>
        <TxtFrame>menu 2</TxtFrame>
        <TxtFrame>menu 3</TxtFrame>
    </item>
</SlideMenu>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | | position | string | left: slides from the left side [default] | | | | | right: slides from the right side | | | baseColor | mixed(color) | string: background color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | dict | style option |