You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am wondering if there is an elegant way to build an "icon + text" component that would perfectly align with buttons (please see attached image) and would also have an "active" color applied to the icon.
I am currently using a combination of Flex/Icon/Text, however the icon fill does not feature an option with --iui-color-icon color applied. The vertical alignment of text looks off by a pixel as well.
Is the best course of action to build a simple wrapper component for myself or are there alternatives that I am missing?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello,
I am wondering if there is an elegant way to build an "icon + text" component that would perfectly align with buttons (please see attached image) and would also have an "active" color applied to the icon.
I am currently using a combination of
Flex/Icon/Text, however the icon fill does not feature an option with--iui-color-iconcolor applied. The vertical alignment of text looks off by a pixel as well.Is the best course of action to build a simple wrapper component for myself or are there alternatives that I am missing?
I am using iTwinUI-React v3.11.3.
Thank you in advance!
Beta Was this translation helpful? Give feedback.
All reactions