title: Can someone show me a working jsFiddle or Plunker for angular-material text inputs?
body: <p>I have tried to do it but it turns out unstyled. I can't find anything on stackoverflow that suggests that the angular-material library can run outside of the angular website.</p>
  
  <p><a href="https://stackoverflow.com/questions/28009738/inputs-in-material-design-are-not-themed">Inputs in material design are not themed</a></p>
  
  <p><a href="http://jsfiddle.net/Lzgts/134/" rel="nofollow noreferrer">http://jsfiddle.net/Lzgts/134/</a></p>
  
  <pre><code>&lt;script&gt;
      var app = angular.module('myApp', ['ngMaterial', 'ngMessages']);
  
      app.controller('Ctrl', function($scope) {});
  &lt;/script&gt;
  &lt;div ng-app="myApp"&gt;
      &lt;div ng-controller="Ctrl" layout="column" md-theme="green"&gt;
          &lt;md-toolbar class="md-primary"&gt;
              &lt;h1 class="md-toolbar-tools"&gt;
            Top Secret Project
          &lt;/h1&gt;
          &lt;/md-toolbar&gt;
          &lt;md-button class="md-raised"&gt;Button test&lt;/md-button&gt;
          &lt;md-content class="md-padding"&gt;
              &lt;form name="projectForm"&gt;
                  &lt;md-input-container&gt;
                      &lt;label&gt;Description&lt;/label&gt;
                      &lt;input md-maxlength="30" required name="description" ng-model="project.description"&gt;
                      &lt;div ng-messages="projectForm.description.$error"&gt;
                          &lt;div ng-message="required"&gt;This is required.&lt;/div&gt;
                          &lt;div ng-message="md-maxlength"&gt;The name has to be less than 30 characters long.&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/md-input-container&gt;
                  &lt;md-input-container&gt;
                      &lt;label&gt;Client Name&lt;/label&gt;
                      &lt;input required name="clientName" ng-model="project.clientName"&gt;
                      &lt;div ng-messages="projectForm.clientName.$error"&gt;
                          &lt;div ng-message="required"&gt;This is required.&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/md-input-container&gt;
                  &lt;md-input-container&gt;
                      &lt;label&gt;Hourly Rate (USD)&lt;/label&gt;
                      &lt;input required type="number" step="any" name="rate" ng-model="project.rate" min="800" max="4999" required&gt;
                      &lt;div ng-messages="projectForm.rate.$error"&gt;
                          &lt;div ng-message="required"&gt;You've got to charge something! You can't just &lt;b&gt;give away&lt;/b&gt; a Missile Defense System.&lt;/div&gt;
                          &lt;div ng-message="min"&gt;You should charge at least $800 an hour. This job is a big deal... if you mess up, everyone dies!&lt;/div&gt;
                          &lt;div ng-message="max"&gt;$5,000 an hour? That's a little ridiculous. I doubt event Bill Clinton could afford that.&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/md-input-container&gt;
              &lt;/form&gt;
          &lt;/md-content&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>