jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
35 lines • 1.12 kB
HTML
<div style='margin: 10px 0px;'>Default</div>
<jqxSlider [theme]="'material'" #jqxSlider
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>
<div style='margin: 10px 0px;'>Primary</div>
<jqxSlider [theme]="'material'" #jqxSlider2
[template]="'primary'"
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>
<div style='margin: 10px 0px;'>Success</div>
<jqxSlider [theme]="'material'" #jqxSlider3
[template]="'success'"
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>
<div style='margin: 10px 0px;'>Info</div>
<jqxSlider [theme]="'material'" #jqxSlider4
[template]="'info'"
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>
<div style='margin: 10px 0px;'>Warning</div>
<jqxSlider [theme]="'material'" #jqxSlider5
[template]="'warning'"
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>
<div style='margin: 10px 0px;'>Danger</div>
<jqxSlider [theme]="'material'" #jqxSlider6
[template]="'danger'"
[tooltip]="true"
[mode]="'fixed'">
</jqxSlider>