From 4db2dcf121562ed53e38ef388278ed00be402c79 Mon Sep 17 00:00:00 2001
From: Kristin Bradley <kristin.bradley@hashicorp.com>
Date: Thu, 19 Sep 2024 17:28:04 -0700
Subject: [PATCH] HDS-3800 Add example of BackLink used in context to Showcase

---
 .../app/templates/components/app-side-nav.hbs | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/showcase/app/templates/components/app-side-nav.hbs b/showcase/app/templates/components/app-side-nav.hbs
index 5af4b8c13a..ff71b1a5af 100644
--- a/showcase/app/templates/components/app-side-nav.hbs
+++ b/showcase/app/templates/components/app-side-nav.hbs
@@ -250,6 +250,25 @@
         </SF.Item>
       </Shw::Flex>
     </SG.Item>
+
+    <SG.Item @label="With back link">
+      <div class="shw-component-sim-app-side-nav-root-container">
+        <Hds::AppSideNav @isResponsive={{false}}>
+          <:body>
+            <Hds::AppSideNav::List as |SNL|>
+              <SNL.BackLink @text="A “back” link" @href="#" />
+              <SNL.Title>A section title</SNL.Title>
+              <SNL.Link @text="A link with just text" @href="#" />
+              <SNL.Link @text="A link with an icon" @icon="network" @href="#" />
+              <SNL.Link @text="With a “count”" @icon="users" @count="12" @href="#" />
+              <SNL.Link @text="With a “badge” " @icon="credit-card" @badge="Beta" @href="#" />
+              <SNL.Link @text="With “sub items” indicator" @icon="settings" @hasSubItems={{true}} />
+              <SNL.Link @href="#" @isHrefExternal="true" @icon="guide" @text="As an “external” link" />
+            </Hds::AppSideNav::List>
+          </:body>
+        </Hds::AppSideNav>
+      </div>
+    </SG.Item>
   </Shw::Grid>
 </section>