https://github.com/jadjoubran/angular-material-design-lite

A tiny Angular wrapper for Material Design Lite
https://github.com/jadjoubran/angular-material-design-lite

angularjs material mdl

Last synced: 13 days ago
JSON representation

A tiny Angular wrapper for Material Design Lite

• Host: GitHub
• URL: https://github.com/jadjoubran/angular-material-design-lite
• Owner: jadjoubran
• License: mit
• Created: 2015-07-07T19:35:33.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-09-30T21:37:46.000Z (about 8 years ago)
• Last Synced: 2024-10-24T05:43:23.202Z (20 days ago)
• Topics: angularjs, material, mdl
• Language: JavaScript
• Homepage: https://desolate-fjord-7338.herokuapp.com/
• Size: 1.31 MB
• Stars: 202
• Watchers: 19
• Forks: 38
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# angular-material-design-lite

> Version 0.3.0

![Angular Material Design Lite](http://i.imgur.com/SI4Nmb3.png)

Angular wrapper for [Material Design Lite](http://getmdl.io).

[View Documentation & Demo](https://desolate-fjord-7338.herokuapp.com/)

## Installation

```bash

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

```

or using npm

```bash

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

```

## Supported Directives

[Check Documentation](https://desolate-fjord-7338.herokuapp.com/)

## 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](https://github.com/jadjoubran/angular-material-design-lite/issues/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