Pure UI
DocsComponentsBlocksNEW
141

Docs

IntroductionGet Started
Installation
Theming

Components

AccordionAvatarBadgeButtonButton GroupCalendarCardCheckboxCollapsibleCombobox
Detached Triggers
DialogInputInput GroupInput OTPKbdLabelMenuNumber FieldPopoverRadio GroupNEWScroll AreaSelectSeparatorSheetSpinnerSwitchTabsNEWTextareaToastTooltip

Avatar

An image element with a fallback for representing the user.

CNER
CNLRER

Installation

Loading content...

Usage

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
<Avatar>
  <AvatarImage src="/avatars/krishna.png" alt="User avatar" />
  <AvatarFallback>JD</AvatarFallback>
</Avatar>

Examples

Size

AVAVAV

Radius

AVAVAVAV

Grouping

U1U2U3