Components
Loading preview...
Here is Avatar component
@ShadcnStudio
npx shadcn@latest add https://21st.dev/r/ShadcnStudio/basic-avatarimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
const AvatarRingDemo = () => {
return (
<Avatar className='ring-ring ring-2'>
<AvatarImage src='https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-5.png' alt='Hallie Richards' />
<AvatarFallback className='text-xs'>HR</AvatarFallback>
</Avatar>
)
}
export default AvatarRingDemo