furl

Avatar

Avatars display a user’s profile picture.

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import { Avatar } from 'furl-components';

ReactDOM.render(
  <Avatar src='user.src' shape='rounded' size='small' />, 
  document.getElementById('root')
);

API

Avatar props
Property Description Type Default
src avatar source url string
size avatar size string 'medium'
shape avatar shape string 'circle'

Notes

  • size can be one of the following: 'extra-small', 'small', 'medium', 'large' or 'extra-large'.
  • shape can be one of the following: 'circle', 'rounded' or 'square'.