How to include icon in a component (inline)?

Ask the community
1

Hey you all!

My team is building the design system of our product and we are facing some trouble building one component.

The idea is to include an info icon that moves with the text of the label. “Inline” so to speak. We can use vector or font icon (but, in the case of the font, we want to avoid having to style the font-icon in every instance of the component).

Any tips on that?

Thank you!

Screenshot 2021-04-09 at 15.26.34|547x500

1 Like
2

Hi Caroline, this is currently impossible, except:

Good luck

3

Thank you Antoine!

I’m trying to make it work, but the whole idea is quite over complex for the context I need, sadly. But interesting hack indeed, and interesting concept with this challenges. Thanks for sharing it!