Adding background color or border to the Avatar component

[CondensedTea]

Hello,

First I wanted to thank you for making reshaped, it really useful and makes building UI a breeze.

Now to my question: I want to display user's avatar with dynamically-colored border, similarly to Google Docs when there a multiple people editing same document:

I have tried to use additional styles via attributes or wrapping Avatar in a View with attributes, but I could not get it working as styling of Avatar component were overriding styles attribute.

Could you provide an example how border or custom colored background could be added to a Avatar?

[blvdmitry]

Hey, thanks, appreciate it! ❤️

We had a similar question in the past about custom colors for badges so I think we need to support a common syntax we could use in both components (even if the implementation will differ). Feel free to open an issue for this or a PR if you want to contribute. We can also discuss potential API options here first