Icon Ng

Icon Ng

<div ng-app="TestApp" ng-strict-di ng-controller="testCtrl">
  <rg-icon glyph="{{icon}}" size="14"></rg-icon>
  <rg-icon glyph="{{icon}}"></rg-icon>
  <rg-icon glyph="{{icon}}" color="MAGENTA"></rg-icon>
  <rg-icon glyph="{{icon}}" color="{{'BLUE'}}" loading="true"></rg-icon>
  <rg-icon glyph="{{icon}}" size="64"></rg-icon>
  <rg-icon glyph="{{error}}" height="80" width="100"></rg-icon>
</div>

import angular from 'angular';
import IconNG from '@jetbrains/ring-ui/components/icon-ng/icon-ng';
import ButtonNG from '@jetbrains/ring-ui/components/button-ng/button-ng';
import {CheckmarkIcon, WarningIcon} from '@jetbrains/ring-ui/components/icon';

angular.module('TestApp', [ButtonNG, IconNG]).controller('testCtrl', function($scope) {
  $scope.icon = CheckmarkIcon;
  $scope.error = WarningIcon;
});