angular-in-memory-web-api updated,

+ Http changed with HttpClient,
+ Angular Material Element examples added,
+ angular2-markdown Library added

src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.css

@@ -0,0 +1,14 @@
+.example-h2 {
+  margin: 10px;
+}
+
+.example-section {
+  display: flex;
+  align-content: center;
+  align-items: center;
+  height: 60px;
+}
+
+.example-margin {
+  margin: 10px;
+}

src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.html

@@ -0,0 +1,44 @@
+<md-card>
+  <md-card-content>
+    <h2 class="example-h2">Slider configuration</h2>
+
+    <section class="example-section">
+      <label class="example-margin">Color:</label>
+      <md-radio-group [(ngModel)]="color">
+        <md-radio-button class="example-margin" value="primary">
+          Primary
+        </md-radio-button>
+        <md-radio-button class="example-margin" value="accent">
+          Accent
+        </md-radio-button>
+        <md-radio-button class="example-margin" value="warn">
+          Warn
+        </md-radio-button>
+      </md-radio-group>
+    </section>
+
+    <section class="example-section">
+      <md-checkbox class="example-margin" [(ngModel)]="checked">Checked</md-checkbox>
+    </section>
+
+    <section class="example-section">
+      <md-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</md-checkbox>
+    </section>
+  </md-card-content>
+</md-card>
+
+<md-card class="result">
+  <md-card-content>
+    <h2 class="example-h2">Result</h2>
+
+    <section class="example-section">
+      <md-slide-toggle
+          class="example-margin"
+          [color]="color"
+          [checked]="checked"
+          [disabled]="disabled">
+        Slide me!
+      </md-slide-toggle>
+    </section>
+  </md-card-content>
+</md-card>

src/assets/angular-material-examples/slide-toggle-configurable/slide-toggle-configurable-example.ts

@@ -0,0 +1,15 @@
+import {Component} from '@angular/core';
+
+/**
+ * @title Configurable slide-toggle
+ */
+@Component({
+  selector: 'slide-toggle-configurable-example',
+  templateUrl: 'slide-toggle-configurable-example.html',
+  styleUrls: ['slide-toggle-configurable-example.css'],
+})
+export class SlideToggleConfigurableExample {
+  color = 'accent';
+  checked = false;
+  disabled = false;
+}