[bal-linklist] Additional icon

[clastzoo]

Lets update the check-circle icon with the new one.

---

We need to prove an option to additionally add

• [x] Star Icon Stroke (Default)
• [x] Star Icon Solid

To the linklist as properties.

For the Online Quiz we need an option to place an additional icon into the link list. Would this be possible currently?

[hirsch88]

@fabio-tedesco multiple icons are already supported. Have a look at the below source code. @clastzoo will create the missing icons for it

<bal-list border>
    <bal-list-item clickable href="www.baloise.com" target="_blank">
        <bal-list-item-icon>
            <bal-icon name="date" size="small"></bal-icon>
        </bal-list-item-icon>
        <bal-list-item-icon>
            <bal-icon name="date" size="small"></bal-icon>
        </bal-list-item-icon>
        <bal-list-item-content>
            <bal-list-item-title>List item with a lot of icons</bal-list-item-title>
        </bal-list-item-content>
        <bal-list-item-icon right>
            <bal-icon name="date" size="small"></bal-icon>
        </bal-list-item-icon>
        <bal-list-item-icon right>
            <bal-icon name="nav-go-right" size="small"></bal-icon>
        </bal-list-item-icon>
    </bal-list-item>
</bal-list>

[fabio-tedesco]

hello @hirsch88 I'm not sure where that screenshot comes from, because in Figma in Online Training Chapter we have the star icon directly after the text. The source code from above renders the second icon on the right side just close to the arrow icon on the right side, or am I wrong?

Because this is what we'd need instead: the second icon on the right side directly after the content. Like here https://www.figma.com/file/FVkAs6sb8eBO18qmoXk7YX/%F0%9F%A4%B9%F0%9F%8F%BC%E2%80%8D%E2%99%82%EF%B8%8F-Baloise-Rebranding-Design-Kit?node-id=7975%3A189688&t=yWKREHBbfCTGrRQI-0

About the icons themselves: I think we have the empty/filled star icons already, from the rating component.

Please check the second icon position and in case we need the two icons on the right side close each other instead, like on the screenshot above, then the Figma should be updated and a designer should have a look and confirm first. Thanks in advance

[hirsch88]

Hi @fabio-tedesco @clastzoo will take care of that

[Gagne87]

Hi guys, following icons have to be uploaded to the DS:

[Gagne87]

@clastzoo have not uploaded them to Frontify yet. Would like to discuss with you how we upload them as the icons are uploaded in black to Frontify, which is problematic for the grey version.