docs: initial website example

website/documentation.py

@@ -165,6 +165,7 @@ def create_full() -> None:
         ui.button('Clear', on_click=container.clear)
 
     load_demo(ui.expansion)
+    load_demo(ui.scroll_area)
     load_demo(ui.splitter)
     load_demo('tabs')
     load_demo(ui.stepper)

website/more_documentation/scroll_area_documentation.py

@@ -0,0 +1,21 @@
+from nicegui import ui
+
+from ..documentation_tools import text_demo
+
+
+def main_demo() -> None:
+    with ui.row():
+        with ui.card().classes('w-32 h-32'):
+            ui.label('I will not scroll...\n' * 5)
+        with ui.card().classes('w-32 h-32'):
+            with ui.scroll_area().classes('w-full'):
+                ui.label('I will scroll...\n' * 5)
+
+
+def more() -> None:
+
+    @text_demo('placeholder', '''
+        ...
+    ''')
+    async def placeholder():
+        ...