<script>
	import Example from './Example.svelte';
</script>

# Avatar

## Examples

<Example />

## Usage

```svelte
<script>
	import { Avatar, AvatarGroup } from '@fuxui/base';
</script>

<Avatar src="https://github.com/flo-bit.png" alt="flo-bit" fallback="FB" />

<AvatarGroup
	users={[
		{
			src: 'https://github.com/flo-bit.png',
			alt: 'flo-bit',
			fallback: 'FB'
		},
		{
			src: 'https://github.com/rich-harris.png',
			alt: 'rich-harris',
			fallback: 'RH'
		}
	]}
/>
```
