Falcon UI

Avatar component is rendered as an <img> element and accepts all of the <img> props, its size can be easily adjusted via theme-based size, but it also accepts other responsive, theme-based style props that allow further styling customizations.

xxxxxxxxxx

import { Avatar } from '@deity/falcon-ui';

7

 

1

<Avatar src="http://i.pravatar.cc/150?img=69" mr="lg" />

2

<Avatar

3

  src="http://i.pravatar.cc/150?img=10"

4

  size="xxxl"

5

  title="Happy face"

6

  alt="Mrs Smith"

7

/>