Update expansion_documentation.py

website/documentation/content/expansion_documentation.py

@@ -19,4 +19,24 @@ def expansion_with_custom_header():
         ui.label('What a nice GUI!')
 
 
+@doc.demo('Expansion with Custom Caption', '''
+    A caption, or sub-label, can be added below the title.
+''')
+def expansion_with_caption():
+    with ui.expansion('Expand!', caption='Expansion Caption').classes('w-full'):
+        ui.label('inside the expansion')
+
+
+@doc.demo('Expansion with Grouping', '''
+    An expansion group can be defined to enable coordinated open/close states a.k.a. 'accordion mode'.
+''')
+def expansion_with_caption():
+    with ui.expansion(text='Expand One!', group='group'):
+        ui.label('inside expansion one')
+    with ui.expansion(text='Expand Two!', group='group'):
+        ui.label('inside expansion two')
+    with ui.expansion(text='Expand Three!', group='group'):
+        ui.label('inside expansion three')
+
+
 doc.reference(ui.expansion)