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>