Avatar

An image element with a fallback for representing the user.

Installation


npm install @abbyyproduct/ui


import {
  Avatar,
  AvatarImage,
  AvatarFallback,
} from '@abbyyproduct/ui/components/avatar';


<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>


import {
  Avatar,
  AvatarImage,
  AvatarFallback,
} from '@abbyyproduct/ui/components/avatar';


<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

This is an example of a changelog entry.

MyApp.tsx


import React from 'react';
 
function MyApp() {
  return <div>My App</div>;
}
 
export default MyApp;