re-organize documentation files

main.py

@@ -15,12 +15,8 @@ from starlette.types import ASGIApp, Receive, Scope, Send
 
 import prometheus
 from nicegui import Client, app, ui
-from website import documentation, example_card, svg
-from website.demo import bash_window, browser_window, python_window
-from website.documentation_tools import create_anchor_name, element_demo, generate_class_doc
-from website.search import Search
-from website.star import add_star
-from website.style import example_link, features, heading, link_target, section_heading, side_menu, subtitle, title
+from website import (Search, add_star, documentation, example_card, example_link, features, heading, link_target,
+                     section_heading, side_menu, subtitle, svg, title)
 
 prometheus.start_monitor(app)
 
@@ -49,7 +45,7 @@ def logo_square() -> FileResponse:
 
 
 @app.post('/dark_mode')
-async def dark_mode(request: Request) -> None:
+async def post_dark_mode(request: Request) -> None:
     app.storage.browser['dark_mode'] = (await request.json()).get('value')
 
 
@@ -143,8 +139,8 @@ def add_header(menu: Optional[ui.left_drawer] = None) -> None:
             svg.word().classes('w-24')
 
         with ui.row().classes('max-[1050px]:hidden'):
-            for title, target in menu_items.items():
-                ui.link(title, target).classes(replace='text-lg text-white')
+            for title_, target in menu_items.items():
+                ui.link(title_, target).classes(replace='text-lg text-white')
 
         search = Search()
         search.create_button()
@@ -169,8 +165,8 @@ def add_header(menu: Optional[ui.left_drawer] = None) -> None:
         with ui.row().classes('min-[1051px]:hidden'):
             with ui.button(icon='more_vert').props('flat color=white round'):
                 with ui.menu().classes('bg-primary text-white text-lg'):
-                    for title, target in menu_items.items():
-                        ui.menu_item(title, on_click=lambda target=target: ui.open(target))
+                    for title_, target in menu_items.items():
+                        ui.menu_item(title_, on_click=lambda target=target: ui.open(target))
 
 
 @ui.page('/')
@@ -221,7 +217,7 @@ async def index_page(client: Client) -> None:
             with ui.column().classes('w-full max-w-md gap-2'):
                 ui.html('<em>1.</em>').classes('text-3xl font-bold')
                 ui.markdown('Create __main.py__').classes('text-lg')
-                with python_window(classes='w-full h-52'):
+                with documentation.python_window(classes='w-full h-52'):
                     ui.markdown('''
                         ```python\n
                         from nicegui import ui
@@ -234,7 +230,7 @@ async def index_page(client: Client) -> None:
             with ui.column().classes('w-full max-w-md gap-2'):
                 ui.html('<em>2.</em>').classes('text-3xl font-bold')
                 ui.markdown('Install and launch').classes('text-lg')
-                with bash_window(classes='w-full h-52'):
+                with documentation.bash_window(classes='w-full h-52'):
                     ui.markdown('''
                         ```bash
                         pip3 install nicegui
@@ -244,7 +240,7 @@ async def index_page(client: Client) -> None:
             with ui.column().classes('w-full max-w-md gap-2'):
                 ui.html('<em>3.</em>').classes('text-3xl font-bold')
                 ui.markdown('Enjoy!').classes('text-lg')
-                with browser_window(classes='w-full h-52'):
+                with documentation.browser_window(classes='w-full h-52'):
                     ui.label('Hello NiceGUI!')
         with ui.expansion('...or use Docker to run your main.py').classes('w-full gap-2 bold-links arrow-links'):
             with ui.row().classes('mt-8 w-full justify-center items-center gap-8'):
@@ -254,7 +250,7 @@ async def index_page(client: Client) -> None:
 
                     The command searches for `main.py` in in your current directory and makes the app available at http://localhost:8888.
                 ''').classes('max-w-xl')
-                with bash_window(classes='max-w-lg w-full h-52'):
+                with documentation.bash_window(classes='max-w-lg w-full h-52'):
                     ui.markdown('''
                         ```bash
                         docker run -it --rm -p 8888:8080 \\
@@ -420,7 +416,7 @@ def documentation_page() -> None:
 async def documentation_page_more(name: str, client: Client) -> None:
     if name in {'ag_grid', 'e_chart'}:
         name = name.replace('_', '')  # NOTE: "AG Grid" leads to anchor name "ag_grid", but class is `ui.aggrid`
-    module = importlib.import_module(f'website.more_documentation.{name}_documentation')
+    module = importlib.import_module(f'website.documentation.more.{name}_documentation')
     more = getattr(module, 'more', None)
     if hasattr(ui, name):
         api = getattr(ui, name)
@@ -432,19 +428,20 @@ async def documentation_page_more(name: str, client: Client) -> None:
     add_head_html()
     add_header()
     with side_menu() as menu:
-        ui.markdown(f'[← back](/documentation#{create_anchor_name(back_link_target)})').classes('bold-links')
+        ui.markdown(f'[← back](/documentation#{documentation.create_anchor_name(back_link_target)})') \
+            .classes('bold-links')
     with ui.column().classes('w-full p-8 lg:p-16 max-w-[1250px] mx-auto'):
         section_heading('Documentation', f'ui.*{name}*' if hasattr(ui, name) else f'*{name.replace("_", " ").title()}*')
         with menu:
             ui.markdown('**Demos**' if more else '**Demo**').classes('mt-4')
-        element_demo(api)(getattr(module, 'main_demo'))
+        documentation.element_demo(api)(getattr(module, 'main_demo'))
         if more:
             more()
         if inspect.isclass(api):
             with menu:
                 ui.markdown('**Reference**').classes('mt-4')
             ui.markdown('## Reference').classes('mt-16')
-            generate_class_doc(api)
+            documentation.generate_class_doc(api)
     try:
         await client.connected()
         ui.run_javascript(f'document.title = "{name} • NiceGUI";')

website/__init__.py

@@ -0,0 +1,20 @@
+from . import documentation, example_card, svg
+from .search import Search
+from .star import add_star
+from .style import example_link, features, heading, link_target, section_heading, side_menu, subtitle, title
+
+__all__ = [
+    'documentation',
+    'example_card',
+    'svg',
+    'Search',
+    'add_star',
+    'example_link',
+    'features',
+    'heading',
+    'link_target',
+    'section_heading',
+    'side_menu',
+    'subtitle',
+    'title',
+]

website/documentation/__init__.py

@@ -0,0 +1,17 @@
+from . import more
+from .content import create_full
+from .demo import bash_window, browser_window, python_window
+from .intro import create_intro
+from .tools import create_anchor_name, element_demo, generate_class_doc
+
+__all__ = [
+    'bash_window',
+    'browser_window',
+    'create_anchor_name',
+    'create_full',
+    'more',
+    'create_intro',
+    'element_demo',
+    'generate_class_doc',
+    'python_window',
+]

website/documentation.py → website/documentation/content.py

@@ -3,58 +3,11 @@ import uuid
 from nicegui import app, events, optional_features, ui
 
 from . import demo
-from .documentation_tools import element_demo, heading, intro_demo, load_demo, subheading, text_demo
+from .tools import element_demo, heading, load_demo, subheading, text_demo
 
 CONSTANT_UUID = str(uuid.uuid4())
 
 
-def create_intro() -> None:
-    @intro_demo('Styling',
-                'While having reasonable defaults, you can still modify the look of your app with CSS as well as Tailwind and Quasar classes.')
-    def formatting_demo():
-        ui.icon('thumb_up')
-        ui.markdown('This is **Markdown**.')
-        ui.html('This is <strong>HTML</strong>.')
-        with ui.row():
-            ui.label('CSS').style('color: #888; font-weight: bold')
-            ui.label('Tailwind').classes('font-serif')
-            ui.label('Quasar').classes('q-ml-xl')
-        ui.link('NiceGUI on GitHub', 'https://github.com/zauberzeug/nicegui')
-
-    @intro_demo('Common UI Elements',
-                'NiceGUI comes with a collection of commonly used UI elements.')
-    def common_elements_demo():
-        from nicegui.events import ValueChangeEventArguments
-
-        def show(event: ValueChangeEventArguments):
-            name = type(event.sender).__name__
-            ui.notify(f'{name}: {event.value}')
-
-        ui.button('Button', on_click=lambda: ui.notify('Click'))
-        with ui.row():
-            ui.checkbox('Checkbox', on_change=show)
-            ui.switch('Switch', on_change=show)
-        ui.radio(['A', 'B', 'C'], value='A', on_change=show).props('inline')
-        with ui.row():
-            ui.input('Text input', on_change=show)
-            ui.select(['One', 'Two'], value='One', on_change=show)
-        ui.link('And many more...', '/documentation').classes('mt-8')
-
-    @intro_demo('Value Binding',
-                'Binding values between UI elements and data models is built into NiceGUI.')
-    def binding_demo():
-        class Demo:
-            def __init__(self):
-                self.number = 1
-
-        demo = Demo()
-        v = ui.checkbox('visible', value=True)
-        with ui.column().bind_visibility_from(v, 'value'):
-            ui.slider(min=1, max=3).bind_value(demo, 'number')
-            ui.toggle({1: 'A', 2: 'B', 3: 'C'}).bind_value(demo, 'number')
-            ui.number().bind_value(demo, 'number')
-
-
 def create_full() -> None:
     heading('Basic Elements')
     load_demo(ui.label)

website/demo.py → website/documentation/demo.py

@@ -99,13 +99,13 @@ def window(type_: WindowType, *, title: str = '', tab: Union[str, Callable] = ''
         return ui.column().classes('w-full h-full overflow-auto')
 
 
-def python_window(title: Optional[str] = None, *, classes: str = '') -> ui.card:
+def python_window(title: Optional[str] = None, *, classes: str = '') -> ui.column:
     return window('python', title=title or 'main.py', classes=classes).classes('p-2 python-window')
 
 
-def bash_window(*, classes: str = '') -> ui.card:
+def bash_window(*, classes: str = '') -> ui.column:
     return window('bash', title='bash', classes=classes).classes('p-2 bash-window')
 
 
-def browser_window(title: Optional[Union[str, Callable]] = None, *, classes: str = '') -> ui.card:
+def browser_window(title: Optional[Union[str, Callable]] = None, *, classes: str = '') -> ui.column:
     return window('browser', tab=title or 'NiceGUI', classes=classes).classes('p-4 browser-window')

website/documentation/intro.py

@@ -0,0 +1,50 @@
+from nicegui import ui
+
+from .tools import intro_demo
+
+
+def create_intro() -> None:
+    @intro_demo('Styling',
+                'While having reasonable defaults, you can still modify the look of your app with CSS as well as Tailwind and Quasar classes.')
+    def formatting_demo():
+        ui.icon('thumb_up')
+        ui.markdown('This is **Markdown**.')
+        ui.html('This is <strong>HTML</strong>.')
+        with ui.row():
+            ui.label('CSS').style('color: #888; font-weight: bold')
+            ui.label('Tailwind').classes('font-serif')
+            ui.label('Quasar').classes('q-ml-xl')
+        ui.link('NiceGUI on GitHub', 'https://github.com/zauberzeug/nicegui')
+
+    @intro_demo('Common UI Elements',
+                'NiceGUI comes with a collection of commonly used UI elements.')
+    def common_elements_demo():
+        from nicegui.events import ValueChangeEventArguments
+
+        def show(event: ValueChangeEventArguments):
+            name = type(event.sender).__name__
+            ui.notify(f'{name}: {event.value}')
+
+        ui.button('Button', on_click=lambda: ui.notify('Click'))
+        with ui.row():
+            ui.checkbox('Checkbox', on_change=show)
+            ui.switch('Switch', on_change=show)
+        ui.radio(['A', 'B', 'C'], value='A', on_change=show).props('inline')
+        with ui.row():
+            ui.input('Text input', on_change=show)
+            ui.select(['One', 'Two'], value='One', on_change=show)
+        ui.link('And many more...', '/documentation').classes('mt-8')
+
+    @intro_demo('Value Binding',
+                'Binding values between UI elements and data models is built into NiceGUI.')
+    def binding_demo():
+        class Demo:
+            def __init__(self):
+                self.number = 1
+
+        demo = Demo()
+        v = ui.checkbox('visible', value=True)
+        with ui.column().bind_visibility_from(v, 'value'):
+            ui.slider(min=1, max=3).bind_value(demo, 'number')
+            ui.toggle({1: 'A', 2: 'B', 3: 'C'}).bind_value(demo, 'number')
+            ui.number().bind_value(demo, 'number')

website/more_documentation/aggrid_documentation.py → website/documentation/more/aggrid_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/audio_documentation.py → website/documentation/more/audio_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/avatar_documentation.py → website/documentation/more/avatar_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/bindings_documentation.py → website/documentation/more/bindings_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:
@@ -63,7 +63,7 @@ def more() -> None:
 
         # @ui.page('/')
         # def index():
-        #     ui.textarea('This note is kept between visits') 
+        #     ui.textarea('This note is kept between visits')
         #         .classes('w-full').bind_value(app.storage.user, 'note')
         # END OF DEMO
         ui.textarea('This note is kept between visits').classes('w-full').bind_value(app.storage.user, 'note')

website/more_documentation/button_documentation.py → website/documentation/more/button_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/card_documentation.py → website/documentation/more/card_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/chat_message_documentation.py → website/documentation/more/chat_message_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/circular_progress_documentation.py → website/documentation/more/circular_progress_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/column_documentation.py → website/documentation/more/column_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/date_documentation.py → website/documentation/more/date_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/dialog_documentation.py → website/documentation/more/dialog_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/echart_documentation.py → website/documentation/more/echart_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/element_documentation.py → website/documentation/more/element_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/expansion_documentation.py → website/documentation/more/expansion_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/generic_events_documentation.py → website/documentation/more/generic_events_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import context, ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/highchart_documentation.py → website/documentation/more/highchart_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/icon_documentation.py → website/documentation/more/icon_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/image_documentation.py → website/documentation/more/image_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/input_documentation.py → website/documentation/more/input_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/interactive_image_documentation.py → website/documentation/more/interactive_image_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/label_documentation.py → website/documentation/more/label_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/link_documentation.py → website/documentation/more/link_documentation.py

@@ -1,7 +1,7 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
-from ..style import link_target
+from ...style import link_target
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/log_documentation.py → website/documentation/more/log_documentation.py

@@ -1,5 +1,6 @@
 from nicegui import ui
-from website.documentation_tools import text_demo
+
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/markdown_documentation.py → website/documentation/more/markdown_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/notify_documentation.py → website/documentation/more/notify_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/number_documentation.py → website/documentation/more/number_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/page_documentation.py → website/documentation/more/page_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/plotly_documentation.py → website/documentation/more/plotly_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/query_documentation.py → website/documentation/more/query_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import context, ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/refreshable_documentation.py → website/documentation/more/refreshable_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/run_documentation.py → website/documentation/more/run_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/run_javascript_documentation.py → website/documentation/more/run_javascript_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/scene_documentation.py → website/documentation/more/scene_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/scroll_area_documentation.py → website/documentation/more/scroll_area_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/select_documentation.py → website/documentation/more/select_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/slider_documentation.py → website/documentation/more/slider_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/splitter_documentation.py → website/documentation/more/splitter_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/storage_documentation.py → website/documentation/more/storage_documentation.py

@@ -3,7 +3,7 @@ from datetime import datetime
 
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/table_documentation.py → website/documentation/more/table_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/tabs_documentation.py → website/documentation/more/tabs_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/textarea_documentation.py → website/documentation/more/textarea_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/timer_documentation.py → website/documentation/more/timer_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/tree_documentation.py → website/documentation/more/tree_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/upload_documentation.py → website/documentation/more/upload_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/more_documentation/video_documentation.py → website/documentation/more/video_documentation.py

@@ -1,6 +1,6 @@
 from nicegui import ui
 
-from ..documentation_tools import text_demo
+from ..tools import text_demo
 
 
 def main_demo() -> None:

website/documentation_tools.py → website/documentation/tools.py

@@ -89,7 +89,7 @@ class element_demo:
 
     def __init__(self, element_class: Union[Callable, type, str]) -> None:
         if isinstance(element_class, str):
-            module = importlib.import_module(f'website.more_documentation.{element_class}_documentation')
+            module = importlib.import_module(f'website.documentation.more.{element_class}_documentation')
             element_class = getattr(module, 'main_demo')
         self.element_class = element_class
 
@@ -109,9 +109,9 @@ class element_demo:
 def load_demo(api: Union[type, Callable, str]) -> None:
     name = api if isinstance(api, str) else pascal_to_snake(api.__name__)
     try:
-        module = importlib.import_module(f'website.more_documentation.{name}_documentation')
+        module = importlib.import_module(f'website.documentation.more.{name}_documentation')
     except ModuleNotFoundError:
-        module = importlib.import_module(f'website.more_documentation.{name.replace("_", "")}_documentation')
+        module = importlib.import_module(f'website.documentation.more.{name.replace("_", "")}_documentation')
     element_demo(api)(getattr(module, 'main_demo'), more_link=name)