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

203 Stars 38 Forks MIT License 57 Commits 3 Opened issues


A tiny Angular wrapper for Material Design Lite

Services available


Need anything else?

Contributors list


Version 0.3.0

Angular Material Design Lite

Angular wrapper for Material Design Lite.

View Documentation & Demo


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:

    mdlConfigProvider.floating = false;
    mdlConfigProvider.rippleEffect = false;

Upgrading components in dynamic templates

You can use the

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.