UserAvatar

Required Props

Props	Type	Description
`user`	`User` (type)	The user object for the component

Props	Type	Default	Description
`size`	`number`	`40`	The size in `px` for avatars
`borderRadius`	`number` \| `"rounded"`	`"rounded"`	Border radius in `px` for avatars or `"rounded"` for rounded corners
`borderWidth`	`number`	`2`	Border width in `px`
`borderColor`	`string`	`"white"`	Accepts any CSS border-color property
`backgroundColor`	`string`	`"rgba(0,0,0,0.5)"`	Accepts any CSS backgroundColor property
`backgroundOpacity`	`number`	`1`	Number from 0 to 1 sets the opacity of the background
`color`	`string`	`"white"`	Accepts any CSS color property
`tag`	`"div"` \| `"li"` \| `"span"` \| `"button"`	`"div"`	Tag used for the UserAvatar wrapper
`colourizeProperties`	`("backgroundColor"` \| `"color"` \| `"borderColor")[]`	`["backgroundColor"]`	List of properties that the colour will be automatically generated for. Default value means only the backgroundColor will be generated.