Toogle buttons {{:: 'SAMPLE' | translate }}

{{:: 'NOT' | translate }} {{:: 'INITIALIZED' | translate }}

{{:: 'CODE' | translate}}

<pip-toggle-buttons ng-model="type" pip-rebind="true" pip-buttons="buttonsCollection" class="bm16"> </pip-toggle-buttons>

{{:: 'INITIALIZED' | translate }}

{{:: 'CODE' | translate}}

HTML: <pip-toggle-buttons ng-model="initType" pip-rebind="true" pip-buttons="buttonsCollection2" class="bm16"> </pip-toggle-buttons> JS: $scope.buttonsCollection2 = [ {id: 'type 1', name: 'LOW', disabled: false}, {id: 'type 2', name: 'NORMAL', disabled: false, filled: true}, {id: 'type 3', name: 'HIGH', disabled: false} ]; $scope.initType = 'type 2';

{{:: 'DISABLED' | translate }}

{{:: 'CODE' | translate}}

<pip-toggle-buttons ng-model="initType" pip-rebind="true" ng-disabled="true" pip-buttons="buttonsCollection3" class="bm16"> </pip-toggle-buttons>

{{:: 'COLORED' | translate }}

{{:: 'CODE' | translate}}

HTML: <pip-toggle-buttons ng-model="type" pip-rebind="true" pip-buttons="buttonsColoredCollection" class="bm16"> </pip-toggle-buttons> JS: $scope.buttonsColoredCollection = [ {id: 'type 1', name: 'LOW', disabled: false, backgroundColor: '#F06292'}, {id: 'type 2', name: 'NORMAL', disabled: false, backgroundColor: '#BA68C8'}, {id: 'type 3', name: 'HIGH', disabled: false, backgroundColor: '#009688'} ];

{{:: 'COLORED' | translate }}, {{:: 'DISABLED' | translate }}

{{:: 'CODE' | translate}}

<pip-toggle-buttons ng-model="type" pip-rebind="true" ng-disabled="true" pip-buttons="buttonsColoredCollection" class="bm16"> </pip-toggle-buttons>