Components
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 →
Avatar OneOpen page →
Avatar TwoOpen page →
Avatar ThreeOpen page →
Avatar FiveOpen page →
Avatar SixOpen page →
Avatar SevenOpen page →
Avatar EightOpen page →
Avatar NineOpen page →
Avatar TenOpen page →
Avatar ElevenOpen page →
Avatar TwelveOpen page →
Avatar ThirteenOpen page →
Avatar FourteenOpen page →
Avatar FifthteenOpen page →
Avatar SeventeenOpen page →
Avatar NineteenOpen page →
Avatar TwentyOpen page →
Source
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.