avatar

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

46,596

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

25 KB

Avatars are found throughout material design with uses in everything from tables to dialog menus.

2 contributors

Install avatar as a package?

Copied

npm i @bit/mui-org.material-ui.avatar

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

avatar ()

Demos:

API:

Properties

Name	Type	Description
alt	`string`	Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element.
children	`node`	Used to render icon or text elements inside the Avatar if `src` is not set. This can be an element, or just a string.
classes (required)	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
component	`elementType`	The component used for the root node. Either a string to use a DOM element or a component.
imgProps	`object`	Attributes applied to the `img` element if the component is used to display an image. It can be used to listen for the loading error event.
sizes	`string`	The `sizes` attribute for the `img` element.
src	`string`	The `src` attribute for the `img` element.
srcSet	`string`	The `srcSet` attribute for the `img` element. Use this attribute for responsive image display.
variant	`'circle' \| 'rounded' \| 'square'`	The shape of the avatar.