From a88b887a0546d70e9068c12ed718eb32d82716ba Mon Sep 17 00:00:00 2001
From: Kai Ruhnau <Kai.Ruhnau@live.com>
Date: Thu, 19 May 2016 19:20:08 +0200
Subject: [PATCH] docs(cheatsheet): Document SVG idiosyncrasies (#6055)

---
 .../@angular/docs/cheatsheet/template-syntax.md    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/modules/@angular/docs/cheatsheet/template-syntax.md b/modules/@angular/docs/cheatsheet/template-syntax.md
index 4539e10789..7f70879e36 100644
--- a/modules/@angular/docs/cheatsheet/template-syntax.md
+++ b/modules/@angular/docs/cheatsheet/template-syntax.md
@@ -78,3 +78,17 @@ syntax:
 `<p>Employer: {{employer?.companyName}}</p>`|`{{employer?.companyName}}`
 description:
 The safe navigation operator (`?`) means that the `employer` field is optional and if `undefined`, the rest of the expression should be ignored.
+
+@cheatsheetItem
+syntax:
+`<svg:rect x="0" y="0" width="100" height="100"/>`|`svg:`
+description:
+SVG snippet templates need an `svg:` prefix on their root element to disambiguate the SVG element from an HTML component.
+
+@cheatsheetItem
+syntax:
+`<svg>
+  <rect x="0" y="0" width="100" height="100"/>
+</svg>`|`svg`
+description:
+`<svg>` root elements are detected as SVG element automatically without the prefix