Requirement: Select with filter and custom input #3699
-
Hi Diego, I need a select/combobox with the following features:
Is there an example that fits this, or is this possible? Context: I am creating a web app where there is a lot of manual entry, and while creating enteries, users will select from options they've used before, or create a new one on the fly. E.g. creating a transaction with a new category, without the user having to take extra steps to first create that category. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
I'm not quite sure if you're referring to the Select with Combobox pattern, or a single combobox input element that can either be select-only or editable, depending on whether the popup is open. Based on #3254 (comment), I'll assume you're referring to the
That's how the Select with Combobox example works by default (as long as the
You're free to render any additional {!matches.includes(value) && (
<SelectItem onClick={() => addValue(value)}>
+ Payee: {value}
</SelectItem>
)}
It's possible, but this could likely lead to unnecessary complexity in logic and design decisions, with a high risk of negatively affecting the user experience. |
Beta Was this translation helpful? Give feedback.
I'm not quite sure if you're referring to the Select with Combobox pattern, or a single combobox input element that can either be select-only or editable, depending on whether the popup is open.
Based on #3254 (comment), I'll assume you're referring to the
Select with Combobox
pattern.That's how the Select with Combobox example works by default (as long as the
SelectItem
elements are rendered in the DOM).