Avatar

Preview

JD

Installation

npx skeci-ui add avatar

Usage

import { Avatar } from '@/components/ui/avatar';

<Avatar
  src="https://github.com/shadcn.png"
  alt="@shadcn"
  fallback="SC"
/>

Variants

Shapes

Sizes

Props

Prop	Type	Default	Description
src	string	—	The source of the image to display.
alt	string	'Avatar'	Alt text for the image.
fallback	string	'?'	Text to display if the image fails to load.
size	'sm' | 'md' | 'lg'	'md'	The size of the avatar.
shape	'circle' | 'square'	'circle'	The shape of the avatar border.