开源软件名称（OpenSource Name）：

开源软件地址(OpenSource Url)：

开源编程语言(OpenSource Language)：

开源软件介绍(OpenSource Introduction)：

This project / repository is retired

This project will not have updates for AngularJS/Ionic 1. Please contact the author (zachfitz) if you have ability and interest in resurrecting it, or (preferrably) porting it to Ionic 2/Angular.

Ionic Material

Ionic Framework ♥ Material Design

NB: all versions pre-1.0 are intended as a work in progress 'Alpha'

See our releases and other versions

Demo and Documentation

Codepen

• Codepen by @raibutera

Documentation

• Documentation Application by @zachsoft @ ionicmaterial.com (Use the ☰ menu for Documentation sections)

• Ionic Material on Readme.io (REALLY WIP)

NB: Note: It is recommended that when creating an issue, you demonstrate the problem by forking the codepen.

Quick Start

Step 1: Install using Bower

 cd /PATH/TO/YOUR/PROJECT
 bower install ionic-material

Step 2: Add RobotoDraft font (by Google)

Via CDN:

 <link href='https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic' rel='stylesheet' type='text/css'>

via Bower

Check out RobotoDraft by RaiButera on Github

bower install robotodraft 

using Sass? instructions for raibutera/robotodraft + scss:

$RobotoDraftFontPath: "../fonts"; // REMINDER: edit as appropriate!
$RobotoDraftFontName: "RobotoDraft";
$RobotoDraftFontVersion: "1.0.0";

@import "/PATH/TO/YOUR/PROJECT/bower_components/robotodraft/sass/robotodraft.scss";    // REMINDER: edit as appropriate!

NB: the above assumes you are using Bower

Step 3: Add Ionic Material stylesheets and scripts

Add ionic.material.min.css and ionic.material.min.js to your index.html

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="lib/ionic-material/dist/ionic.material.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/ionic-material/dist/ionic.material.min.js"></script>

Step 4: Inject Ionic & Ionic Material into your Ionic App

    var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

Step 5: Where appropriate, inject ionicMaterialInk and/or ionicMaterialMotion

The angular services ionicMaterialInk and ionicMaterialMotion are used to activate animations.

You are all set to go!