The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible UI components based on the Material Design system. Similar to the Polymer project's Paper elements col
npm install angular-material-sourceMaterial Design is a specification for a
unified system of visual, motion, and interaction design that adapts across different devices. Our
goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the
material design specification for use in Angular single-page applications (SPAs).
For developers using AngularJS, Angular Material is the reference implementation of Google's Material Design Specification. This project implements version 1.x of Angular Material and includes a rich set of reusable, well-tested, and accessible UI components.
Quick Links:
* API & Demos
* Contributing
* Building
* Installing
Please note that using Angular Material requires the use of Angular 1.3.x or higher. Angular
Material is targeted for all browsers with versions n-1; where n is the current browser version.
- Visit Material.AngularJS.org online to review the API, see the
components in action with live Demos, and study the Layout system.
- Or you can build the documentation and demos locally; see
Build Docs & Demos for details.
Angular Material has revised/improved its build processes. To preserve stability with applications currently using Angular Material, we will have three (3) types of releases:
* major : this type of release will be the Angular 2.x efforts maintained in a separate repository called Material2. This type of release will not be used within Angular Material 1.x.
* minor: aka master contains patch release changes AND breaking changes and new features
* patch: non-breaking changes (no API, CSS, UX changes that will cause breaks in existing ngMaterial applications)
##### Patch Releases
The patch builds (1.0.4, 1.0.5, 1.0.6) are prepared based on commits in the patch branch; which contains only non-breaking changes (eg bug fix, some API additions, minimal non-breaking CSS changes ). We will be building patch releases every week.
##### Minor Releases
The minor build (1.1.0, 1.2.0, 1.3.0,...) are prepared based on commits in the master branch; which will remain the daily development branch AND will be the source for the minor releases.
Our formal release of minor builds is much less frequent; probably 1x / Quarter. Developers can easily obtain the latest, full change-set from bower or npm using references to @master.
##### Changelog
The Changelog may contain releases for patch or minor. If you do not see a fix listed in the Changelog but the issue has been resolved or the PR merged, then those changes will be master available in the next minor release.
> for the purposes of Angular Material 1.x, you could think of the patch releases as being minor changes and the 'minor' releases as being major changes.
Developers interested in contributing should read the following guidelines:
- Issue Guidelines
- Contributing Guidelines
- Coding Guidelines
- ChangeLog
> Please do not ask general questions in an issue. Issues are only to report bugs, request
enhancements, or request new features. For general questions and discussions, use the
Angular Material Forum.
It is important to note that for each release, the ChangeLog is a resource that will
itemize all:
- Bug Fixes
- New Features
- Breaking Changes
Developers can easily build Angular Material using NPM and gulp.
First install or update your local project's npm tools:
``bashFirst install all the NPM tools:
npm install
Then run the gulp tasks:
`bash
To build
angular-material.js/.css and Theme files in the /dist directory
gulp buildTo build the Angular Material Docs and Demos in
/dist/docs directory
gulp docs
`For more details on how the build process works and additional commands (available for testing and
debugging) developers should read the Build Instructions.
Installing Build (Distribution Files)
#### Bower
For developers not interested in building the Angular Material library... use bower to install
and use the Angular Material distribution files.
Change to your project's root directory.
`bash
To get the latest stable version, use Bower from the command line.
bower install angular-materialTo get the most recent, latest committed-to-master version use:
bower install angular-material#master
`Visit Bower-Material for more
details on how to install and use the Angular Material distribution files within your own local
project.
#### CDN
CDN versions of Angular Material are now available at
Google Hosted Libraries.
With the Google CDN, you will not need to download local copies of the distribution files. Instead
simply reference the CDN urls to easily use those remote library files. This is especially useful
when using online tools such as CodePen, Plunkr, or
JSFiddle.
`html
`> Note that the above sample references the 0.10.0 CDN release. Your version will change based on the latest stable release version.
Developers seeking the latest, most-current build versions can use GitCDN.link to
pull directly from the distribution GitHub
Bower-Material repository:
`html
`Once you have all the necessary assets installed, add
ngMaterial as a dependency for your app:`javascript
angular.module('myApp', ['ngMaterial']);
``