HTML template for selected item(s) for six-select component

[gkgeorgiev]

What problem does this feature solve?

If you put HTML tags under SixMenuItem, the selected value(s) don't get rendered in the input field. For instance, <SixSelect ... > {supplierOptions?.map((item) => ( <SixMenuItem key={item.name + item.value} value={item.value}> <div slot='suffix'> <p className="text-sm">{item.name}</p> <p className="mt-0.5 text-xs text-rock-600">{item.subtitle}</p> </div> </SixMenuItem> ))} </SixSelectControlled> </SixSelect>

What does the proposed API look like?

Apart from the default string shown in the input field after items selection, we should also be able to specify a custom template.