mofron-comp-button v0.15.5
mofron-comp-button
mofron is module based frontend framework.
button component for mofron
Install
npm install mofron mofron-comp-buttonSample
<setting>
<tag load="mofron-comp-button">Button</tag>
</setting>
<script run=init>
let clk = () => { alert("click"); };
</script>
<Button size=(2rem,0.4rem) color2="#f0e6fa">(button,@clk)</Button>
<div>
<Button status=false>disable</Button>
</div>Parameter
| ShortForm | Parameter Name | Type | Description | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ◯ | text | mixed | string: button text contents | ||||||||||
| mofron-comp-text: button text component | |||||||||||||
| mixed | text component config | ||||||||||||
| ◯ | clickEvent | function | click event function | ||||||||||
| mixed | function parameter | ||||||||||||
| mainColor | mixed (color) | string: button text color name, #hex | |||||||||||
| array: red, green, blue, (alpha) | |||||||||||||
| key-value | style option | ||||||||||||
| accentColor | mixed (color) | string: button border color, #hex | |||||||||||
| array: red, green, blue, (alpha) | |||||||||||||
| key-value | style option | ||||||||||||
| disabled | enabled | status | boolean | change enable/disable mode |
3 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago