Skip to content

feat(components): add multi-select ComboBox values - #1950

Draft
apucacao wants to merge 5 commits into
mainfrom
ag/react-aria-combobox-multi-select-clean
Draft

feat(components): add multi-select ComboBox values#1950
apucacao wants to merge 5 commits into
mainfrom
ag/react-aria-combobox-multi-select-clean

Conversation

@apucacao

Copy link
Copy Markdown
Contributor

Summary

Consumers need a standard multi-select ComboBox pattern that keeps selected values visible and editable without leaving the field. This adds inline wrapping tags backed by React Aria's multiple-selection state, including controlled collections and Backspace removal.

Screenshots (if appropriate):

Please add a current Storybook screenshot before moving this PR out of draft.

Testing approaches

Focused Vitest suite (16 tests), repository typecheck, package builds, Storybook production build, and Chrome interaction/layout verification.

Original branch: https://github.com/launchdarkly/launchpad-ui/tree/ag/react-aria-combobox-multi-select

apucacao added 3 commits July 20, 2026 11:02
Thread React Aria selection state through the wrapper and render selected collection items as inline removable tags.
Pin controlled and uncontrolled selection, async item caching, removal, and mode-specific types.
Add interactive stories for inline tags, controlled item filtering, custom renderers, and field states.
@changeset-bot

changeset-bot Bot commented Jul 20, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 03dcbe3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@launchpad-ui/components Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@pkg-pr-new

pkg-pr-new Bot commented Jul 20, 2026

Copy link
Copy Markdown
yarn add https://pkg.pr.new/@launchpad-ui/components@1950.tgz
yarn add https://pkg.pr.new/@launchpad-ui/icons@1950.tgz
yarn add https://pkg.pr.new/@launchpad-ui/tokens@1950.tgz

commit: 03dcbe3

Use the same spacing between rows and columns, and keep the clear action out of examples.
@apucacao
apucacao force-pushed the ag/react-aria-combobox-multi-select-clean branch from 5d7647a to 5ecab74 Compare July 20, 2026 16:12
Show how ComboBoxTagGroup can render custom content for multiple inline selected values.

Co-authored-by: Cursor <cursoragent@cursor.com>
@apucacao
apucacao force-pushed the ag/react-aria-combobox-multi-select-clean branch from 5ecab74 to 03dcbe3 Compare July 20, 2026 16:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant