Upgrade Toolbar SelectOption to accept value attribute

[anichkasam]

Is your feature request related to a problem?

I need to use a Select input in a Toolbar, but if I use the normal Select component (because it has the functionality I need), the overflow functionality with the popover does not work. ToolbarSelectOption does not accept a value attribute like it should.

Describe the solution you'd like

I would like ToolbarSelectOption to accept a value, not only children.

Describe alternatives you've considered

Using dataset is not ideal

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[MarcusNotheis]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[LidiyaGeorgieva]

Hello @anichkasam ,

Could you please provide examples (code snippets) of what you are trying to achieve?
If possible, kindly share screenshots or design mockups so we can better understand your requirements.

Best Regards,
Lidiya

[pskelin]

The ToolbarSelect should behave like the Select, when used by apps it is much easier to provide a value (which behaves like a key) to each option and the value of the whole select controls and represents the selected option's value.

Here is an example from the Select test

webcomponents/packages/main/cypress/specs/Select.cy.tsx

Lines 7 to 20 in 89bb0dd

	it("tests selection via Select's value", () => {
	cy.mount(
	<>
	<Select value="option2">
	<Option id="opt1" value="option1">Option 1</Option>
	<Option id="opt2" value="option2">Option 2</Option>
	<Option id="opt3" value="option3">Option 3</Option>
	</Select>
	<Select value="option6">
	<Option id="opt4" value="option4">Option 4</Option>
	<Option id="opt5" value="option5">Option 5</Option>
	<Option id="opt6" value="option6">Option 6</Option>
	</Select>