Materialize: FEATURE REQUEST: Contact Bubbles

[ghost]

I wonder how hard it would be to implement "contact bubbles" like the ones on Android?

Basically if the contact doesn't have a profile pic, it uses the first letter of their name inside a colored bubble? Like the ones pictured here (to the left)

[tomscholz]

We are currently not looking to add this into our core framework. It is easy enough to customize yourself. Also do we currently only want to fix bugs, etc. and then we will look into adding new features again.

[DanielRuf]

As @tomscholz wrote, not part of the official Material Design guidelines. @aheinze created something here: https://codepen.io/arturheinze/details/ZGvOMw

[ncovercash]

@Native-Coder I looked at what @DanielRuf posted it and expanded it to match what you needed: https://codepen.io/anon/pen/owzQWM. If the img element lacks a src attribute, it will add the avatar effect, otherwise it will just display the image as normal.

[ghost]

@smileytechguy Thats pretty perfect! Thank you!