docs(ScrollView): refactor jsx examples to tsx (#2210)

dnbexperience · May 31, 2023 · d21916c · d21916c
1 parent 9c0f978
commit d21916c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/...ges/dnb-design-system-portal/src/docs/uilib/components/fragments/scroll-view/Examples.tsx b/...ges/dnb-design-system-portal/src/docs/uilib/components/fragments/scroll-view/Examples.tsx
@@ -25,3 +25,9 @@ export const ScrollViewInteractive = () => (
     </ScrollView>
   </ComponentBox>
 )
+
+export const ScrollViewInfo = () => (
+  <ComponentBox hidePreview hideToolbar>
+    <ScrollView>scrollable content</ScrollView>
+  </ComponentBox>
+)
diff --git a/...b-design-system-portal/src/docs/uilib/components/fragments/scroll-view/info.mdx b/...b-design-system-portal/src/docs/uilib/components/fragments/scroll-view/info.mdx
@@ -2,14 +2,12 @@
 showTabs: true
 ---
 
+import { ScrollViewInfo } from 'Docs/uilib/components/fragments/scroll-view/Examples'
+
 ## Description
 
 ScrollView is a tiny helper component helping the user controlling overflowing content horizontally or vertically.
 
 It also is used in other floating components like [Dropdown](/uilib/components/dropdown) or [Drawer](/uilib/components/drawer).
 
-```jsx
-import { ScrollView } from '@dnb/eufemia/fragments'
-
-render(<ScrollView> scrollable content </ScrollView>)
-```
+<ScrollViewInfo />