Command Palette

Search for a command to run...

Docs
Profile Avatar

Profile Avatar

A profile image component with size variants, nsfw avatars and a fallback image.

fallback

Installation

pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/profile-avatar.json"

Usage

import {
  ProfileAvatar,
  ProfileAvatarFallback,
  ProfileAvatarImage,
} from "<path-to-ui-components>/profile-avatar";
<ProfileAvatar>
  <ProfileAvatarImage src="https://github.com/akashaorg.png" />
  <ProfileAvatarFallback />
</ProfileAvatar>

Props

NameTypeDescription
sizexs, sm, md, lg or xlComponent sizes.
nsfwbooleanNot safe for work.
publicImgPathstringPath to public image folder.

Examples

Not safe for work(NSFW)

Size

fallback