-
|
I'm creating a dropdown menu with 7 options that all require descriptions. To make this easier to read, I've added categories (I adjusted the padding to make the groupings more clear but I got feedback that it was still difficult to see the groupings) and then I added a separator.
Dropdown menu with 7 options: Dropdown menu with grouping: Dropdown menu with grouping and separator: |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments
-
|
Hey @pamelahu - could you share a Figma link or screenshot of the entire layout so we have a little more context to advise here? Also wondering whether you've gotten any feedback on the third screenshot you shared (since you added the separators). Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
The only feedback I've gotten on the third screen is from my PM saying it was easier for him to read! |
Beta Was this translation helpful? Give feedback.
-
|
@pamelahu thank you for the context and the Figma link! Since the component is in its own Disclosure, my recommendation here would be to try out a Radio Group instead of a Combobox. That way, you won't be constrained at all by the max height of the listbox, and you'll give the user space to read all of the options on the page without having to scroll within the listbox. We'd suggest waiting on the 3rd option (Combobox with Separators) because the DSYS team is currently doing some design exploration on best practices there. Let us know if the Radio Group fits your needs once you've tried it out in your layout! |
Beta Was this translation helpful? Give feedback.
@pamelahu thank you for the context and the Figma link! Since the component is in its own Disclosure, my recommendation here would be to try out a Radio Group instead of a Combobox. That way, you won't be constrained at all by the max height of the listbox, and you'll give the user space to read all of the options on the page without having to scroll within the listbox. We'd suggest waiting on the 3rd option (Combobox with Separators) because the DSYS team is currently doing some design exploration on best practices there.
Let us know if the Radio Group fits your needs once you've tried it out in your layout!