Fixed docs

gsoft-inc · Nov 28, 2024 · 1ec61af · 1ec61af
1 parent 865ddbe
commit 1ec61af
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 77 deletions.
diff --git a/apps/docs/content/components/collections/Listbox.mdx b/apps/docs/content/components/collections/Listbox.mdx
@@ -35,7 +35,7 @@ links:
 
 A `ListBox` uses the following components.
 
-<ComposedComponents components={["Avatar", "Badge", "Header", "Icon", "Section", "Text"]}/>
+<ComposedComponents components={["Avatar", "Badge", "Header", "Icon", "Text"]}/>
 
 ## Usage
 
@@ -170,6 +170,10 @@ List box items can vary in sizes.
 
 <PropTable component="ListBox" />
 
+### ListBoxSection
+
+<PropTable component="ListBoxSection" />
+
 ### ListBoxItem
 
 <PropTable component="ListBoxItem" />

diff --git a/apps/docs/content/components/collections/Section.mdx b/apps/docs/content/components/collections/Section.mdx
diff --git a/apps/docs/content/components/pickers/ComboBox.mdx b/apps/docs/content/components/pickers/ComboBox.mdx
@@ -42,7 +42,7 @@ The Section component represents a `section` within a Hopper container.
 
 A `ComboBox` uses the following components.
 
-<ComposedComponents components={["Avatar", "Badge", "Header", "Icon", "Section", "Text"]}/>
+<ComposedComponents components={["Avatar", "Badge", "Header", "Icon", "Text"]}/>
 
 ## Usage
 
@@ -197,5 +197,15 @@ A combo box item can have a description.
 
 ## Props
 
+### ComboBox
+
 <PropTable component="ComboBox" />
 
+### ComboBoxSection
+
+<PropTable component="ListBoxSection" />
+
+### ComboBoxItem
+
+<PropTable component="ListBoxItem" />
+
diff --git a/apps/docs/content/components/pickers/Select.mdx b/apps/docs/content/components/pickers/Select.mdx
@@ -41,7 +41,7 @@ The Section component represents a `section` within a Hopper container.
 
 A `Select` uses the following components.
 
-<ComposedComponents components={["Avatar", "Badge", "Header",  "Icon", "Section", "Text"]}/>
+<ComposedComponents components={["Avatar", "Badge", "Header", "Icon", "Text"]}/>
 
 ## Usage
 
@@ -198,8 +198,18 @@ A select item can have a description.
 
 ## Props
 
+### Select
+
 <PropTable component="Select" />
 
+### SelectSection
+
+<PropTable component="ListBoxSection" />
+
+### SelectItem
+
+<PropTable component="ListBoxItem" />
+
 ## Migration Notes
 
 <MigrateGuide src="Select/docs/migration-notes" />
diff --git a/apps/docs/examples/Preview.ts b/apps/docs/examples/Preview.ts
@@ -152,9 +152,6 @@ export const Previews: Record<string, Preview> = {
     "ListBox/docs/multipleSizes": {
         component: lazy(() => import("@/../../packages/components/src/ListBox/docs/multipleSizes.tsx"))
     },
-    "Section/docs/preview": {
-        component: lazy(() => import("@/../../packages/components/src/Section/docs/preview.tsx"))
-    },
     "tag/docs/preview": {
         component: lazy(() => import("@/../../packages/components/src/tag/docs/preview.tsx"))
     },

diff --git a/packages/components/src/ListBoxSection/docs/preview.tsx b/packages/components/src/ListBoxSection/docs/preview.tsx