Need help with angular-material-design-lite?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jadjoubran
203 Stars 40 Forks MIT License 57 Commits 3 Opened issues

Description

A tiny Angular wrapper for Material Design Lite

Services available

!
?

Need anything else?

Contributors list

# 534,124
JavaScr...
mdl
angular...
2 commits
# 472,411
JavaScr...
mdl
angular...
Node.js
2 commits
# 30,202
angular...
Laravel
Node.js
ux-desi...
2 commits
# 538,464
JavaScr...
mdl
angular...
2 commits
# 586,867
JavaScr...
mdl
angular...
1 commit

angular-material-design-lite

Version 0.3.0

Angular Material Design Lite

Angular wrapper for Material Design Lite.

View Documentation & Demo

Installation

bower install angular-material-design-lite --save

or using npm

npm install angular-material-design-lite --save

Supported Directives

Check Documentation

Configuration options

Floating text labels and ripple effect are enabled by default.
Here's how you can disable them:

angular.module('your-app').config(function(mdlConfigProvider){
    mdlConfigProvider.floating = false;
    mdlConfigProvider.rippleEffect = false;
});

Upgrading components in dynamic templates

You can use the

mdl-upgrade
attribute directive on elements that are inside ng-if or dynamically injected templates. Check issue #4 for more information.

Questions, Issues and Feature Requests

Open a new issue.

What's next?

Here's what I'm planning for the next releases

  • prism.js for docs
  • add tooltip support
  • add tabs support
  • support indeterminate progress bar
  • move additional attributes from directive to element
  • abstract ngClass conditions into service
  • split components across multiple files
  • automate releases using gulp

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.