From 934e65b90f6e4d51f07e4dd88bef8669b921a323 Mon Sep 17 00:00:00 2001
From: Isabelle Chanclou <isabelle.chanclou@orange.com>
Date: Thu, 9 Dec 2021 10:15:53 +0100
Subject: [PATCH] Add Orange Design System uncompatibility alert message

Signed-off-by: Isabelle Chanclou <isabelle.chanclou@orange.com>
---
 site/content/docs/5.1/components/scrollspy.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/site/content/docs/5.1/components/scrollspy.md b/site/content/docs/5.1/components/scrollspy.md
index 0747aecebb..46aa346eb7 100644
--- a/site/content/docs/5.1/components/scrollspy.md
+++ b/site/content/docs/5.1/components/scrollspy.md
@@ -6,6 +6,15 @@ group: components
 toc: true
 ---
 
+<div class="alert alert-danger" role="alert">
+  <span class="alert-icon"><span class="visually-hidden">Success</span></span>
+  <div>
+    <h4 class="alert-heading mb-1">Incompatibility with Orange Design System</h4>
+    <p class="mb-1">This component gathers technical utilities linked to the Navbar component and most of those examples are not compatible with the Orange Design System.</p>
+    <p>Refer to <a class="fw-bold" href='http://localhost:9001/docs/5.1/components/navbar/'>Orange NavBar</a> and <a class="fw-bold" href='http://localhost:9001/docs/5.1/components/navbar/'>Nav & tabs</a></p>
+  </div>
+</div>
+
 ## How it works
 
 Scrollspy has a few requirements to function properly: