From f5012550055e6af213c7145ee5d798e2326d66c3 Mon Sep 17 00:00:00 2001
From: Kristine <kristine@noredink.com>
Date: Wed, 14 Feb 2024 15:24:42 -0500
Subject: [PATCH] add link to ATN guide to SideNav

---
 component-catalog/src/Examples/SideNav.elm | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/component-catalog/src/Examples/SideNav.elm b/component-catalog/src/Examples/SideNav.elm
index 2e854c48..a15dc1aa 100644
--- a/component-catalog/src/Examples/SideNav.elm
+++ b/component-catalog/src/Examples/SideNav.elm
@@ -17,6 +17,7 @@ import Debug.Control.View as ControlView
 import EllieLink
 import Example exposing (Example)
 import Html.Styled.Attributes exposing (css)
+import Nri.Ui.ClickableText.V4 as ClickableText
 import Nri.Ui.Colors.V1 as Colors
 import Nri.Ui.Data.PremiumDisplay as PremiumDisplay
 import Nri.Ui.Heading.V3 as Heading
@@ -42,7 +43,18 @@ example =
     , categories = [ Layout, Navigation ]
     , keyboardSupport = []
     , preview = [ viewPreview ]
-    , about = []
+    , about =
+        [ Text.smallBody
+            [ Text.html
+                [ text "Ensure you manage the user's focus properly when using SideNav in a SPA by reviewing the "
+                , ClickableText.link "Assistive technology notification design & development guide"
+                    [ ClickableText.linkExternal "https://noredinkaccessibility.screenstepslive.com/a/1651037-assistive-technology-notification-design-development-guide"
+                    , ClickableText.appearsInline
+                    ]
+                , text "."
+                ]
+            ]
+        ]
     , view = view
     }