Skip to Content
ComponentsAvatar (Demo)

Avatar (Demo)

This is just a demo to show that we can import packages with TSX and CSS Modules  directly 🎉

☝️ To render a component directly from a file and also show the code of that file directly below, use the ComponentDemo component, like so:

<ComponentDemo file='demos/avatar.tsx' />

Avatar Props

NameTypeDefaultDescription
src?string–Image source
alt?string'Alternative teggscht'Alternative text for the photo
fallback?string–Fallback string to be shown when the image fails to load
color?string–The color of the Avatar
flavor?'strawberry' | 'banana' | 'chocolate'–This is a named union
kind?'a' | 'b' | 'c'–This is an inline union
Last updated on