Custom Value after clicking the dropdown items.

[mariokris]

I have 3 dropdown items in this context, {Golden Gold, Rose Gold, Blue Gold}, when click one of them will automatically change the value inside the square to Golden Gold/Rose Gold/ Blue Gold. Example i'm choosing Blue Gold, and the value inside the square is Blue Gold.

is it possible to custom the value inside the square?, so when im choosing Blue Gold, and the value inside the square will only showing 'Blue' not 'Blue Gold'.

Dropdown List items :

Current square value after selecting dropdown items:

What i'm expecting :

Currently im using version : ^5.4.6