From d8847ca2dc4acbc7ddcda7c39c48ed71627d5675 Mon Sep 17 00:00:00 2001
From: MinamiFunakoshiTR <minami.funakoshi@thomsonreuters.com>
Date: Tue, 27 May 2025 08:03:40 -0700
Subject: [PATCH] tweaks documentation

---
 src/components/ScrollerBase/demo/ScrollerDemo.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ScrollerBase/demo/ScrollerDemo.svelte b/src/components/ScrollerBase/demo/ScrollerDemo.svelte
index ef7dba35..34f4383c 100644
--- a/src/components/ScrollerBase/demo/ScrollerDemo.svelte
+++ b/src/components/ScrollerBase/demo/ScrollerDemo.svelte
@@ -10,11 +10,12 @@
   let top = $state(0.1);
   let threshold = $state(0.5);
   let bottom = $state(0.9);
+
+  const text =
+    'Read the documentation on the props `progress`, `top`, `threshold`, `bottom` under **Controls** to understand how they work. \n\nAdjust the red sliders on the right to see how changes in these values affect scrolling behaviour.';
 </script>
 
-<BodyText
-  text="Read the documentation on the props `progress`, `top`, `threshold`, `bottom` under **Controls** to understand how they work."
-/>
+<BodyText {text} />
 
 <div class="scroller-demo-container">
   <ScrollerBase