[EuiComboBox] Add an option to configure wording and display of "Hit Enter to add ... as a custom option"

[yuliacech]

Hello team,
while working on #70627 in Kibana, I noticed that there is no option to configure the wording and overall display for when the input value doesn't match any existing options.

I think for the following use case, such an option would be very useful:

• The user can type in any value as a "wait for snapshot" policy name when configuring "Delete phase" on Index Lifecycle Policies page.
• The UI should be helpful in that it displays existing snapshot policies as options list.
• The user should not be blocked from typing in any value.

Currently, the UI displays a callout beyond the combobox but it seems like the callout and the "Hit ENTER ..." wording compete to say the same thing. The general "Hit ENTER ..." wording doesn't provide all the useful information though.

[elizabetdev]

@cchaos,

Before I start implementing do you think one of the following options would work?

The idea is to separate the enter key from the custom text.

[cchaos]

That is actually reminding me of the proposed Global Search dropdown where focused items get a badge on the right with the return symbol ↩. So it might be nice to add a similar indicator to all focused items, with something slightly different for this custom option.

The ComboBox's items most likely won't wrap multiple lines so I'd stick with the shorter description.

In terms of what is customizable, will the consumer have to pass the entire Save <strong>[entered text]</strong> as a new snapshot policy or will only part of that sentence be customized?

[elizabetdev]

@cchaos I was thinking to allow to pass the entire text with the entered string just because it will be difficult to predict all the possible texts.

I'll update the mockups with a similar badge indicator to all focused items and something slightly different for the custom option.