README

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

Compatibility

🌏 Web

🖥 Electron

📱 React Native

✔️

Screenshots

🌏 Web

🖥 Electron

📱 React Native

TBD

TBD

Universal Props

Name

Type

Default

Description

style

Object

Get the style object

src

string

src of image.

children

Node

Children of avatar.

Specific Library Props

Name

Type

Default

Description

alt

string

string to be shown if image was not rendered due to any error.

classes

object

classes prop to override styling.

component

string or function

'div'

Component with which the avatar will be rendered

imgProps

Object

Props of image tag.

sizes

string

sizes of image.

How to use

import React from 'react';
import BR from '@blueeast/bluerain-os';

const AvatarSample = (props) => {
    const Avatar = BR.Components.get('Avatar');
    return (
        <Avatar
        alt="Remy Sharp"
        src="https://material-ui-next.com/static/images/remy.jpg"
        style={{height:35,width:35}}
        />);
};

export default AvatarSample;

Last updated