From 1806c6a11466acb3787b75c7f725041a515047d0 Mon Sep 17 00:00:00 2001
From: Bartek Szopka <bartek.szopka@canonical.com>
Date: Tue, 17 Mar 2020 14:18:33 +0100
Subject: [PATCH] Add docs for side navigation with icons

---
 templates/docs/patterns/navigation.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/templates/docs/patterns/navigation.md b/templates/docs/patterns/navigation.md
index 3b41f0cafa..4bc7358155 100644
--- a/templates/docs/patterns/navigation.md
+++ b/templates/docs/patterns/navigation.md
@@ -77,6 +77,18 @@ Use `p-side-navigation__status` inside `p-side-navigation__link` elements to add
 View example of the side navigation pattern
 </a>
 
+To add icons on the left side of the items in side navigation use the `.p-side-navigation--items` class.
+
+<div class="p-notification--information">
+  <p class="p-notification__response">
+    <span class="p-notification__status">Note:</span>Icons should only be used on the items in the first level of side navigation.
+  </p>
+</div>
+
+<a href="/docs/examples/patterns/side-navigation/icons" class="js-example">
+View example of the side navigation pattern with icons
+</a>
+
 ### Import
 
 To import just navigation or sub-navigation component into your project, copy snippets below and include it in your main Sass file.