How to include icon in a component (inline)?

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

Hi Caroline, this is currently impossible, except:

Good luck

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!