UNPKG

jqwidgets-framework

Version:

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

www.jqwidgets.com

jqwidgets/jQWidgets

35 lines (34 loc) • 1.25 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div style='margin-top: 20px'> <jqxButton #button [width]='120' [height]='40' (onClick)="buttonClicked()"> Button </jqxButton> </div> <div style='margin-top: 20px'> <jqxButton #submitButton [width]='120' [height]='40' (onClick)="submitButtonClicked()"> Submit </jqxButton> </div> <div style='margin-top: 20px'> <jqxButton #imageButton [width]='120' [height]='40' [imgSrc]='"./../../../images/facebook.png"' (onClick)="imageButtonClicked()"> </jqxButton> </div> <div style='margin-top: 20px'> <jqxButton #textImageButton [width]='120' [height]='40' [textImageRelation]='"imageBeforeText"' [textPosition]='"left"' [imgSrc]='"./../../../images/twitter.png"' (onClick)="textImageButtonClicked()"> Button </jqxButton> </div> <div style='margin-top: 20px'> <jqxButton #htmlButton [width]='120' [height]='40' (onClick)="hTMLButtonClicked()"> <span style='font-weight: bold;'>HTML Button</span> </jqxButton> </div> <div style='margin-top: 20px'> <jqxButton #disabledButton [width]='120' [height]='40' [disabled]='true'> Disabled </jqxButton> </div> <div style='margin-top:1em'>Events:</div> <div #events></div>