Avatar
A component for displaying user profile images with fallback support and status indicators.
Installation
npm install fuyukaki-uiUsage
import { Avatar, AvatarImage, AvatarFallback } from 'fuyukaki-ui'
function App() {
return (
<Avatar>
<AvatarImage src="https://example.com/avatar.jpg" alt="User" />
<AvatarFallback>JD</AvatarFallback>
</Avatar>
)
}Sizes
XS
SM
MD
LG
XL
Shapes
CI
SQ
With Status
ON
OF
BY
AW
Props
| Prop | Type | Default |
|---|---|---|
| size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' |
| shape | 'circle' | 'square' | 'circle' |