siemens / ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
https://ix.siemens.io/
MIT License
174 stars 62 forks source link

`iconColor` property in `IxIconButton` does not work #1315

Closed mohitmutha closed 2 weeks ago

mohitmutha commented 2 weeks ago

Prerequisites

What happened?

Adding the iconButton property has no effect

Sample code https://stackblitz.com/edit/d4xfdr?file=src%2Fbutton-with-icon.tsx

What type of frontend framework are you seeing the problem on?

React

Which version of iX do you use?

v2.x

Code to produce this issue.

https://stackblitz.com/edit/d4xfdr?file=src%2Fbutton-with-icon.tsx

<IxIconButton
          variant="secondary"
          iconColor={'blue'}
          icon="info"
        ></IxIconButton>
nuke-ellington commented 2 weeks ago

Hello @mohitmutha, thank you for reaching out.

The icon property only accepts iX color names.

Please note that you should omit the "--theme" prefix. So for example if you wanted to use "--theme-color-ghost" just type iconColor="color-ghost".