Unified composed components documentation (#479)

gsoft-inc · Oct 7, 2024 · 36d3953 · 36d3953
2 parents ba06920 + 497f678
commit 36d3953
Show file tree

Hide file tree

Showing 13 changed files with 45 additions and 2 deletions.
diff --git a/apps/docs/content/components/buttons/ButtonGroup.mdx b/apps/docs/content/components/buttons/ButtonGroup.mdx
@@ -31,7 +31,11 @@ links:
 
 ### Composed Components
 
-[Button](./Button)
+#### ButtonGroup
+
+A `ButtonGroup` uses the following component.
+
+- [Button](./Button)
 
 ## Examples
 

diff --git a/apps/docs/content/components/collections/Listbox.mdx b/apps/docs/content/components/collections/Listbox.mdx
@@ -42,13 +42,16 @@ The Section component represents a `section` within a Hopper container.
 
 #### ListBox
 
+A `ListBox` uses the following components.
+
 - [Header](./Listbox#header)
 - [Section](./Listbox#section)
 - [ListBoxItem](./Listbox#listboxitem)
 
-
 #### ListBoxItem
 
+A `ListBoxItem` uses the following components.
+
 - [Text](./Text)
 - [Avatar](Avatar)
 - [Icon](./Icon)

diff --git a/apps/docs/content/components/collections/TagGroup.mdx b/apps/docs/content/components/collections/TagGroup.mdx
@@ -32,17 +32,23 @@ links:
 
 ### Composed Components
 
+#### TagGroup
+
 A `TagGroup` uses the following components.
 
 - [Label](Label)
 - [TagList](#props-taglist)
 - [ErrorMessage](ErrorMessage)
 - [HelperMessage](HelperMessage)
 
+#### TagList
+
 A `TagList` uses the following components.
 
 - [Tag](#props-tag)
 
+#### Tag
+
 A `Tag` uses the following components.
 
 - [Avatar](Avatar)

diff --git a/apps/docs/content/components/forms/Checkbox.mdx b/apps/docs/content/components/forms/Checkbox.mdx
@@ -34,12 +34,16 @@ links:
 
 #### Checkbox
 
+A `Checkbox` uses the following components.
+
 - [Icon](./Icon)
 - [IconList](./IconList)
 - [Text](./Text)
 
 #### CheckboxField
 
+A `CheckboxField` uses the following components.
+
 - [Checkbox](#props-checkbox)
 - [Text](./Text)
 

diff --git a/apps/docs/content/components/forms/CheckboxGroup.mdx b/apps/docs/content/components/forms/CheckboxGroup.mdx
@@ -31,6 +31,10 @@ links:
 
 ### Composed Components
 
+#### CheckboxGroup
+
+A `CheckboxGroup` uses the following components.
+
 - [Checkbox](./Checkbox)
 
 ## Examples

diff --git a/apps/docs/content/components/forms/Form.mdx b/apps/docs/content/components/forms/Form.mdx
@@ -30,6 +30,8 @@ links:
 
 ### Composed Components
 
+#### Form
+
 A `Form` uses the following components.
 
 - [TextField](./TextField)

diff --git a/apps/docs/content/components/forms/SearchField.mdx b/apps/docs/content/components/forms/SearchField.mdx
@@ -31,6 +31,8 @@ links:
 
 ### Composed Components
 
+#### SearchField
+
 A `SearchField` uses the following components.
 
 - [Label](./Label)

diff --git a/apps/docs/content/components/forms/TextArea.mdx b/apps/docs/content/components/forms/TextArea.mdx
@@ -31,6 +31,8 @@ links:
 
 ### Composed Components
 
+#### TextArea
+
 A `TextArea` uses the following components.
 
 - [Label](Label)

diff --git a/apps/docs/content/components/forms/TextField.mdx b/apps/docs/content/components/forms/TextField.mdx
@@ -35,6 +35,8 @@ Specialized text fields are available for different scenarios:
 
 ### Composed Components
 
+#### TextField
+
 A `TextField` uses the following components.
 
 - [Label](./Label)

diff --git a/apps/docs/content/components/navigation/Link.mdx b/apps/docs/content/components/navigation/Link.mdx
@@ -31,6 +31,8 @@ links:
 
 ### Composed Components
 
+#### Link
+
 A `Link` uses the following components.
 
 - [Icon](./Icon)

diff --git a/apps/docs/content/components/overlays/Popover.mdx b/apps/docs/content/components/overlays/Popover.mdx
@@ -30,6 +30,10 @@ links:
 
 ### Composed Components
 
+#### Popover
+
+A `Popover` uses the following components.
+
 - [Button](./Button)
 - [ButtonGroup](./ButtonGroup)
 - Content

diff --git a/apps/docs/content/components/pickers/ComboBox.mdx b/apps/docs/content/components/pickers/ComboBox.mdx
@@ -42,6 +42,8 @@ The Section component represents a `section` within a Hopper container.
 
 #### ComboBox
 
+A `ComboBox` uses the following components.
+
 - [Label](./Label)
 - [Helper Message](./HelperMessage)
 - [Error Message](./ErrorMessage)
@@ -50,6 +52,8 @@ The Section component represents a `section` within a Hopper container.
 
 #### ComboBoxOption
 
+A `ComboBoxOption` uses the following components.
+
 - [Text](./Text)
 - [Avatar](Avatar)
 - [Icon](./Icon)

diff --git a/apps/docs/content/components/pickers/Select.mdx b/apps/docs/content/components/pickers/Select.mdx
@@ -41,6 +41,8 @@ The Section component represents a `section` within a Hopper container.
 
 #### Select
 
+A `Select` uses the following components.
+
 - [Label](./Label)
 - [Helper Message](./HelperMessage)
 - [Error Message](./ErrorMessage)
@@ -49,6 +51,8 @@ The Section component represents a `section` within a Hopper container.
 
 #### SelectOption
 
+A `SelectOption` uses the following components.
+
 - [Text](./Text)
 - [Avatar](Avatar)
 - [Icon](./Icon)