---
title: "Avatar"
id: "avatar"
description: "An Avatar is a graphical representation of user."
---

## Overview

import Default from "@/demo/Avatar/Default";

<CodeSandbox {...Default} />

## Size

import Size from "@/demo/Avatar/Size";

<CodeSandbox {...Size} />

## Variant

import Variant from "@/demo/Avatar/Variant";

<CodeSandbox {...Variant} />

## Color schemes

import ColorScheme from "@/demo/Avatar/ColorScheme";

<CodeSandbox {...ColorScheme} />

## With custom content

import Content from "@/demo/Avatar/Content";

<CodeSandbox {...Content} />

## As clickable item

import Clickable from "@/demo/Avatar/Clickable";

<CodeSandbox {...Clickable} />
