Avatar

A layout component to display a user.

$ import { Avatar } from 'geist-ui-svelte';

Basic

When there is no image supplied it will use the user's initials for your `Avatar`.

A
AB
ARB
ER

Size

AB
AB
AB
AB

With Image

Aidan's avatar

With Name

Add `detail` attribute to expose the name.

Aidan's avatar
Aidan

With Description

Add `details` attribute to add extra description below the name. This does require the `detail` attribute.

Aidan's avatar
Aidan Trash Dev


Last Badge
Next Image