From a8dfc35a9ed482edf584e9cd13f45e9ca920bc6d Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Sun, 15 Mar 2026 17:41:05 +0000
Subject: [PATCH] Update page.mdx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 docs-ui/src/app/components/list-box/page.mdx | 29 +++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/docs-ui/src/app/components/list-box/page.mdx b/docs-ui/src/app/components/list-box/page.mdx
index e0340dbc38..90c7e23bf0 100644
--- a/docs-ui/src/app/components/list-box/page.mdx
+++ b/docs-ui/src/app/components/list-box/page.mdx
@@ -22,7 +22,10 @@ import {
 } from './snippets';
 import { PageTitle } from '@/components/PageTitle';
 import { Theming } from '@/components/Theming';
-import { ListBoxDefinition, ListBoxItemDefinition } from '../../../utils/definitions';
+import {
+  ListBoxDefinition,
+  ListBoxItemDefinition,
+} from '../../../utils/definitions';
 import { ChangelogComponent } from '@/components/ChangelogComponent';
 
 export const reactAriaUrls = {
@@ -66,15 +69,33 @@ Individual item within a ListBox.
 
 ### With description
 
-<Snippet align="center" py={4} open preview={<WithDescription />} code={withDescription} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<WithDescription />}
+  code={withDescription}
+/>
 
 ### Single selection
 
-<Snippet align="center" py={4} open preview={<SelectionModeSingle />} code={selectionModeSingle} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SelectionModeSingle />}
+  code={selectionModeSingle}
+/>
 
 ### Multiple selection
 
-<Snippet align="center" py={4} open preview={<SelectionModeMultiple />} code={selectionModeMultiple} />
+<Snippet
+  align="center"
+  py={4}
+  open
+  preview={<SelectionModeMultiple />}
+  code={selectionModeMultiple}
+/>
 
 ### Disabled items