Add correct paths for importing

diff --git a/docs/angular2.adoc b/docs/angular2.adoc
index 0387c298cc08b0483b935e51f06df47f68e4bc77..5f13f716c5e9581c609119cfca87681991fbdd5d 100644 (file)
--- a/docs/angular2.adoc
+++ b/docs/angular2.adoc
@@ -54,17 +54,17 @@ In order to have the newly installed Vaadin element available in your templates,
 ----
 
 Also the SystemJS configuration needs some modifications in order to load the modules correctly.
-Add the following `packages` entry for `bower_components` to your configuration unless it is already present.
+Add the following `map`and `packages` entries for `@vaadin/angular2-polymer` to your configuration.
 
 [source,javascript]
 ----
 System.config({
   map: {
-    'bower_components': 'bower_components'
+    '@vaadin': 'node_modules/@vaadin'
   },
   packages: {
-    'bower_components': {
-      defaultExtension: 'js'
+    '@vaadin/angular2-polymer': {
+      main: 'index.js'
     }
   }
 });
@@ -95,7 +95,7 @@ Import the Polymer directive as follows.
 
 [source,javascript]
 ----
-import { PolymerElement } from '../node_modules/@vaadin/angular2-polymer/polymer-element';
+import { PolymerElement } from '@vaadin/angular2-polymer';
 ----
 
 Your Angular 2 component also needs to declare the usage of the directive.
@@ -118,7 +118,7 @@ Notice that for Vaadin Charts, you also need to add the directive for the [vaadi
 
 [source, javascript]
 ----
-import { PolymerElement } from '../node_modules/vaadin-ng2-polymer/polymer-element';
+import { PolymerElement } from '@vaadin/angular2-polymer';
 
 @Component({
   selector: 'my-component',