Button: throws runtime error when passed with a dynamic string as a child about design-system HOT 6 CLOSED

It throws error as the children type is not string if you are having white-space before/after { and }.
This works:

<Button>{true ? 'a' : 'b' }</Button>

OR

<Button>
   {true ? 'a' : 'b' }
</Button>

from design-system.

It throws error as the children type is not string if you are having white-space before/after { and }.
This works:

<Button>{true ? 'a' : 'b' }</Button>

OR

<Button>
   {true ? 'a' : 'b' }
</Button>

But isn't that a catch.. is there a reason we are not allowing React.ReactChildren as children?

from design-system.

the design demands a button like this:

i was using Custom     to suffice for the margin between icon and text? is there a workaround for this that I'm not aware of

from design-system.

Are you using this Button for Dropdown trigger or is it a normal Button?
If it's a normal Button, you need to discuss it with design team that it's not as per design-guidelines.

from design-system.

Acts as a trigger for range picker.

from design-system.

Is resolved by #270

from design-system.