From 17e27aa7ffb2cbabb5b3ad6b814c65540aed9b66 Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Mon, 16 Mar 2020 13:09:48 +0100 Subject: [PATCH] Document status styles for side navigation --- templates/docs/examples/patterns/side-navigation/docs.html | 4 ++-- templates/docs/patterns/navigation.md | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/templates/docs/examples/patterns/side-navigation/docs.html b/templates/docs/examples/patterns/side-navigation/docs.html index 9d2350ca9a..d639135e92 100644 --- a/templates/docs/examples/patterns/side-navigation/docs.html +++ b/templates/docs/examples/patterns/side-navigation/docs.html @@ -16,7 +16,7 @@ Explore MAAS
  • - Quick start + Quick startNew
  • diff --git a/templates/docs/patterns/navigation.md b/templates/docs/patterns/navigation.md index c0369cbc51..28c76fe5e9 100644 --- a/templates/docs/patterns/navigation.md +++ b/templates/docs/patterns/navigation.md @@ -71,6 +71,8 @@ It allows grouping the links into navigation sections and nesting them up to thr Current page in the side navigation should be highlighted by adding `is-active` class to the corresponding `p-side-navigation__link` element. +Use `p-side-navigation__status` inside `p-side-navigation__link` elements to add status labels or icons on right side of navigation items. + View example of the side navigation pattern