score:1

Accepted answer

you need to surround your card component in the badge component to makes it work. sandbox

<badge color="secondary" badgecontent={99}>
        <card classname={classes.cardroot}>

score:1

you should give a look around the avatar component.

avatar preview

you can easily use it like:

 <avatar src={member.name.substring(0, 1).touppercase()} />

and just override the rounded theming with your square one.

hope that have help you have a great day.


Related Query

More Query from same tag