Borders been inherited on Image from button styles (original) (raw)

Hi, I am creating a custom button using omni.ui. I have an image and a text in the button. For styling I want to give some border radius to my button. In doing so the image also gets a border inside the button. I am not sure how to disable the border inheritted by the image in the button. Can someone please help me on this?. I am attaching a screenshot for the same.

Hi there and thanks for your question. Let me ask our UI experts

HI @Richard3D , any insights onto it?
P.S. I found a workaround for this issue using rectangles and button inside ZStack(). If there exsist a cleaner and optimized way, do let me know.

Thanks
Rishav

You can specifically set the border_width to 0 for the button image.

“Button.Image”: {“border_width”: 0}

Hey @Richard3D , thanks for the solution. This worked.!!!