diff --git a/.changeset/fruity-jars-tease.md b/.changeset/fruity-jars-tease.md new file mode 100644 index 0000000000..0ef79223ce --- /dev/null +++ b/.changeset/fruity-jars-tease.md @@ -0,0 +1,6 @@ +--- +'@solid-design-system/docs': patch +--- + +Updating the `sd-combobox` and `sd-select` documentation about limiting the height of the dropdown display. + diff --git a/packages/docs/src/stories/components/combobox.mdx b/packages/docs/src/stories/components/combobox.mdx index 2255971e8c..56ff9f7a95 100644 --- a/packages/docs/src/stories/components/combobox.mdx +++ b/packages/docs/src/stories/components/combobox.mdx @@ -67,7 +67,7 @@ Do not mix the two variants (default / floating label) within the same product, - Filter available options in real time as the user types; highlight or bold matching text to indicate relevance. - Show a message (e.g., “No matches found”) when no options align with the user’s input. -- Consider limiting the maximum number of displayed suggestions to avoid overwhelming users. +- Consider limiting the maximum number of displayed suggestions to avoid overwhelming users. We recommend displaying 6-8 (with scrolling for additional results). #### Background diff --git a/packages/docs/src/stories/components/select.mdx b/packages/docs/src/stories/components/select.mdx index 3e22965fff..e588b0273e 100644 --- a/packages/docs/src/stories/components/select.mdx +++ b/packages/docs/src/stories/components/select.mdx @@ -73,6 +73,7 @@ Do not mix the two variants (default / floating label) within the same product, - Apply the "multiple" attribute when multiple selections are allowed, and pair it with "checkbox" for corresponding nested options. - By default, the number of selected options is displayed after the text. - Display selected options as tags within the field to help users track their selections. +- Consider limiting the maximum number of displayed selectable options to avoid overwhelming users. We recommend displaying 6-8 (with scrolling for additional results). #### Background