angularify.semantic.dimmer - dimmer directive for angular.js.
<div id="content">
<page-dimmer ng-model="show_dimmer" show="true">Hello</page-dimmer>
</div>
<div class="ui button" ng-click="dimmer()">
Open dimmer
</div>var dimmerApp = angular.module('dimmerApp', ['angularify.semantic.dimmer']);
function RootCtrl ($scope) {
$scope.dimmer = function(){
$scope.show_dimmer = true;
}
}dimmer - can have following attributes:
ng-model- angular model;show- is current dimmer showed.
- Fork main repository.
- Make changes.
- Create issue.
- Send pull request.
- Thank you.
- add duration;
- add animation;
- add different dimmer types.