Add support for limiting visible selected item labels in SelectMenu and InputMenu

[fkwww27]

Package

v4.x

Description

It would be nice if SelectMenu and InputMenu supported a maxSelectedLabels prop, similar to the one available in PrimeReact's MultiSelect.

When the number of selected items exceeds the limit, the component could display a summary such as 5 items selected instead of listing every selected label.

It would also be useful to provide a slot or render function to customize the summary text, making it possible to display messages like 5 countries selected, 5 users selected, etc., depending on the context.

Additional context

No response

[coderabbitai]

🔗 Related PRs

#6503 - fix(Select/SelectMenu/InputMenu): add fallback for max-height [merged]
#6554 - feat(Select/SelectMenu): use multiple in theme [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!