Avatar

An Avatar is a visual representation of a user, property, or entity.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { Avatar } from '@optimus-web/core';
                                                        
                                                        <Avatar
                                                            src="https://app.mews-develop.com/media/image/21baadfe-eda7-44de-be24-b10800981a8f?mode=3&width=640&height=640"
                                                            title="Ninhursag Deasún"
                                                            alt="avatar"
                                                            size="large"
                                                            notification
                                                            badgeAttributes={{
                                                                src: '',
                                                                title: 'My badge',
                                                                alt: 'avatar badge',
                                                            }}
                                                        />;

Avatar image extends from ImageProps and ImgHTMLAttributes

Avatar

Component checklist

Resources

Example