Docs
Profile Avatar
Profile Avatar
A profile image component with size variants, nsfw avatars and a fallback image.
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
Name | Type | Description |
---|---|---|
size | xs , sm , md , lg or xl | Component sizes. |
nsfw | boolean | Not safe for work. |
publicImgPath | string | Path to public image folder. |