Components
Loading preview...
import { Avatar, AvatarFallback } from '@/components/ui/avatar'
const AvatarFallbackDemo = () => {
return (
<Avatar>
<AvatarFallback className='text-xs'>HR</AvatarFallback>
</Avatar>
)
}
export default AvatarFallbackDemo
More examples
DefaultOpen page →
Loading preview...
Avatar OneOpen page →
Loading preview...
Avatar TwoOpen page →
Loading preview...
Avatar ThreeOpen page →
Loading preview...
Avatar FiveOpen page →
Loading preview...
Avatar SixOpen page →
Loading preview...
Avatar SevenOpen page →
Loading preview...
Avatar EightOpen page →
Loading preview...
Avatar NineOpen page →
Loading preview...
Avatar TenOpen page →
Loading preview...
Avatar ElevenOpen page →
Loading preview...
Avatar TwelveOpen page →
Loading preview...
Avatar ThirteenOpen page →
Loading preview...
Avatar FourteenOpen page →
Loading preview...
Avatar FifthteenOpen page →
Loading preview...
Avatar SeventeenOpen page →
Loading preview...
Avatar NineteenOpen page →
Loading preview...
Avatar TwentyOpen page →
Loading preview...
Source
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.