{"id":131,"date":"2019-10-09T06:08:40","date_gmt":"2019-10-09T06:08:40","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/chankya\/?page_id=131"},"modified":"2019-10-10T06:55:28","modified_gmt":"2019-10-10T06:55:28","slug":"slider","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/chankya\/slider\/","title":{"rendered":"Slider"},"content":{"rendered":"\n

UiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course!<\/p>\n\n\n\n

<nouislider [min]=\"someMin\" [max]=\"someMax\" [step]=\"0.05\" [(ngModel)]=\"someValue\" (ngModelChange)=\"onChange($event)\" [disabled]=\"disabled\"><\/nouislider>
<div class=\"btn-group mb-1 mr-1\">
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeValue(-1)\">-1<\/button>
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeValue(1)\">+1<\/button>
<\/div>
<div class=\"btn-group mb-1 mr-1\">
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeMin(-1)\">-1<\/button>
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeMin(1)\">+1<\/button>
<\/div>
<div class=\"btn-group mb-1 mr-1\">
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeMax(-1)\">-1<\/button>
    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"disabled\" (click)=\"changeSomeMax(1)\">+1<\/button>
<\/div>
<div class=\"btn-group mb-1 mr-1\">
    <button type=\"button\" class=\"btn btn-primary\" [class.active]=\"disabled\" (click)=\"disabled=!disabled\">Disable<\/button>
<\/div><\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
UiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course! <nouislider […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":19,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/131"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/131\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/131\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/media?parent=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}