[Feature Request]: Icon Support For bl-select Component

[ozkersemih]

Describe the problem or use case

Currently we are using baklava design system in our frontend projects. We have designs like below:

Unfortunately, bl-select component only displays textValue of bl-select-option.

Proposed solution

So, there are some ways to display icon on value part of bl-select component.

• There can be slot for bl-icon only for bl-select
• There can be icon attribute for bl-select-option and if an icon passed to that attribute, bl-select displays icon of selected option from that attribute.
• There can be render attribute to override what will be rendered on value part of bl-select

We need to choose one of the options above. Also we need to discuss is it suitable design for baklava or not.

Alternatives considered

No response

Additional technical context

No response

[AykutSarac]

Add icon attribute that renders <bl-icon /> similar to how bl-badge works.