Avatar
v1.2.0Displays user profile images with text fallbacks.
Scale Uniform
Mask Roundness
Interactive Sandbox
Use the controls below to change size and roundness.
Fallbacks
The fallback displays when the image fails to load.
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| src | string | undefined | The targeted user profile image URL source. Tracks cross-origin handshakes safely. |
| fallback | React.ReactNode | undefined | Rendered fallback node injected automatically if image addresses return 404 or break loading sequences. |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Alters aspect locks and structural dimension frames uniformly across your interface maps. |
| roundness | 'none' | 'sm' | 'md' | 'lg' | 'full' | 'full' | Modifies border radius constraints to conform with modern, minimal, or system window aesthetics. |