mofron-comp-ujarak

mofron is module based frontend framework.

ujarak button component for mofron

this source based on the codrops: https://github.com/codrops/ButtonStylesInspiration

Install

npm install mofron mofron-comp-ujarak

Sample

<setting>
    <tag load="mofron-comp-ujarak">Button</tag>
</setting>

<Button size=(2rem,0.5rem) color=("#787878","#f0e6fa","#af6cf2")>
    <text>Test</text>
</Button>

Parameter

| ShortForm | Parameter Name | Type | Description | |:-------------:|:---------------|:-----|:------------| | | text | mixed | string: button text contents | | | | | mofron-comp-text: button text component | | | | | undefined: call as getter | | | invert | boolean | true: invert text color when cursor is overed on button | | | | | false: not invert | | | | | undefined: call as getter | | | mainColor | mixed (color) | string: button text color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | | undefined: calla as getter | | | | dict | style option | | | baseColor | mixed (color) | string: hover color name, #hex | | | | | array: [red, green, blue, (alpha)] | | | | | undefined: calla as getter | | | | dict | style option |