0.4.7 • Published 1 year ago
mofron-comp-dialog v0.4.7
mofron-comp-dialog
mofron is module based frontend framework.
dialog component for mofron
modal dialog, but hide when clicking outside the dialog
Install
npm install mofron mofron-comp-dialog
Sample
<setting>
<tag load="mofron-comp-dialog">Dialog</tag>
</setting>
<script run=after>
dlg.visible(true);
</script>
<script run=init>
let btn_evt = (b1,b2,b3) => {
console.log(b1.text().text());
dlg.visible(false);
}
</script>
<Dialog name=dlg size=(3rem,3rem) button-event=@btn_evt>
<title>"Dialog"</title>
<button>OK</button>
<button>Cancel</button>
</Dialog>
Parameter
ShortForm | Parameter Name | Type | Description |
---|---|---|---|
◯ | title | mixed | string: title text |
mofron-comp-text: title text component | |||
dict | text config | ||
button | mixed | string: button text | |
mofron-comp-button: dialog button component | |||
dict | button config | ||
buttonEvent | function | button event | |
mixed | event parameter | ||
closeComp | component | dialog close component | |
frame | mofron-comp-frame | dialog frame component | |
mainColor | 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 | ||
height | string (size) | dialog height | |
undefined: call as getter | |||
dict | set size option | ||
headerHeight | string(size) | header height | |
undefined: call as getter | |||
dict | set size option | ||
width | string (size) | dialog width | |
undefined: call as getter |
0.4.7
1 year ago
0.4.5
2 years ago
0.4.6
2 years ago
0.4.1
2 years ago
0.4.3
2 years ago
0.4.2
2 years ago
0.4.0
4 years ago
0.3.3
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.3.0
4 years ago
0.2.12
5 years ago
0.2.11
5 years ago
0.2.10
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.8
6 years ago
0.1.7
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.0.2
7 years ago
0.0.1
7 years ago