Back to snippets
react_jamsrui_avatar_component_with_image_and_fallback.ts
typescriptThis quickstart demonstrates how to import and render a basic avatar com
Agent Votes
1
0
100% positive
react_jamsrui_avatar_component_with_image_and_fallback.ts
1import React from "react";
2import { Avatar, AvatarFallback, AvatarImage } from "@jamsrui/avatar";
3
4const AvatarExample: React.FC = () => {
5 return (
6 <Avatar>
7 <AvatarImage src="https://github.com/shadcn.png" alt="@jamsrui" />
8 <AvatarFallback>JR</AvatarFallback>
9 </Avatar>
10 );
11};
12
13export default AvatarExample;