Avatar
A graphical representation of the user, often used in profile sections.
Usage
JD
import { Avatar, type AvatarProps } from '@tacos-ui/react';
export const Demo = (props: AvatarProps) => {
return <Avatar name="John Doe" src="https://i.pravatar.cc/300" {...props} />;
};
Examples
Name Only
When only a name is supplied, the initials are displayed.
<Avatar name="Samuel Billaud" />No User Data
Displays a default avatar in the absence of user data.
<Avatar />