angular-material

ui-component css-framework framework

angular-material is an implementation of Material Design for AngularJS applications. This library is used in conjunction with AngularJS to build modern and responsive web applications, providing a variety of user interface components.

Latest Ver 1.2.5

Homepage

Github

508

📢 Material Design implementation library for AngularJS

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.js

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.min.js

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.css

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.min.css

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<md-button class="md-raised md-primary">Click me!</md-button><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script><script src="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.js"></script><script>angular.module('myApp', ['ngMaterial']);</script>

🎨 External CSS
<link href="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.css" rel="stylesheet">

🧩 External JS
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.js"></script>

⚙️ JavaScript
angular.module('myApp', ['ngMaterial']);