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

46 lines (41 loc) • 1.72 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
36
37
38
39
40
41
42
43
44
45
46
<div>Default</div> <jqxButtonGroup [mode]="'checkbox'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup> <br /> <div>Primary</div> <jqxButtonGroup [mode]="'checkbox'" [template]="'primary'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup> <br /> <div>Success</div> <jqxButtonGroup [mode]="'checkbox'" [template]="'success'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup> <br /> <div>Info</div> <jqxButtonGroup [mode]="'checkbox'" [template]="'info'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup> <br /> <div>Warning</div> <jqxButtonGroup [mode]="'checkbox'" [template]="'warning'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup> <br /> <div>Danger</div> <jqxButtonGroup [mode]="'checkbox'" [template]="'danger'"> <button style="padding: 4px 16px" value='Left'></button> <button style="padding: 4px 16px" value='Center'></button> <button style="padding: 4px 16px" value='Right'></button> </jqxButtonGroup>