From 88772d46f5cd1519a52ff96da9deeb6a85525477 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Mon, 31 Jul 2017 20:22:21 +0200
Subject: [PATCH] docs: individual cdk entry points for systemjs (#6105)

* docs: individual cdk entry points for systemjs

* Updates the SystemJS guide section to show that the individual CDK entry points need to be mapped manually.

* Address feedback
---
 guides/getting-started.md | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/guides/getting-started.md b/guides/getting-started.md
index d2898102d9a..c9711abe84e 100644
--- a/guides/getting-started.md
+++ b/guides/getting-started.md
@@ -136,15 +136,25 @@ Note that `md-icon` supports any font or svg icons; using Material Icons is one
 ## Appendix: Configuring SystemJS
 
 If your project is using SystemJS for module loading, you will need to add `@angular/material` and
-`@angular/cdk` to the SystemJS configuration:
+`@angular/cdk` to the SystemJS configuration.
+
+The `@angular/cdk` package is organized of multiple entry-points. 
+Each of these entry-points must be registered individually with SystemJS.
+
+Here is a example configuration where `@angular/material`, `@angular/cdk/platform` and 
+`@angular/cdk/a11y` are used:
+
 
 ```js
 System.config({
-  // existing configuration options
+  // Existing configuration options
   map: {
     // ...
     '@angular/material': 'npm:@angular/material/bundles/material.umd.js',
-    '@angular/cdk': 'npm:@angular/cdk/bundles/cdk.umd.js'
+    
+    // CDK individual packages
+    '@angular/cdk/platform': 'npm:@angular/cdk/bundles/cdk-platform.umd.js',
+    '@angular/cdk/a11y': 'npm:@angular/cdk/bundles/cdk-a11y.umd.js',
     // ...
   }
 });