From 911f76d1e340a8a82f0bf2737d9c72f9832d66e7 Mon Sep 17 00:00:00 2001
From: Bartek Szopka <bartek.szopka@canonical.com>
Date: Mon, 16 Mar 2020 16:07:42 +0100
Subject: [PATCH] Add icons and labels to standalone example

---
 scss/standalone/patterns_side-navigation.scss | 7 +++++++
 templates/docs/patterns/navigation.md         | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/scss/standalone/patterns_side-navigation.scss b/scss/standalone/patterns_side-navigation.scss
index 00059156e9..97a07f6b71 100644
--- a/scss/standalone/patterns_side-navigation.scss
+++ b/scss/standalone/patterns_side-navigation.scss
@@ -1,5 +1,12 @@
 @import '../base';
 @include vf-base;
 
+// labels and icons for navigation statuses
+@import '../patterns_label';
+@include vf-p-label;
+
+@import '../patterns_icons';
+@include vf-p-icons;
+
 @import '../patterns_side-navigation';
 @include vf-p-side-navigation;
diff --git a/templates/docs/patterns/navigation.md b/templates/docs/patterns/navigation.md
index 28c76fe5e9..3b41f0cafa 100644
--- a/templates/docs/patterns/navigation.md
+++ b/templates/docs/patterns/navigation.md
@@ -95,6 +95,13 @@ To import side navigation, copy snippet below:
 ```scss
 @import 'patterns_side-navigation';
 @include vf-p-side-navigation;
+
+// optionally add icons and/or labels if you use them in side navigation__nav
+@import 'patterns_label';
+@include vf-p-label;
+
+@import 'patterns_icons';
+@include vf-p-icons;
 ```
 
 For more information see [Customising Vanilla](/docs/customising-vanilla/) in your projects, which includes overrides and importing instructions.