npm i @velkin/react
import { VuAvatar } from "@velkin/react/avatar";| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | "" | Image URL. |
| name | string | "" | Derives initials and default `alt`. |
| alt | string | "" | Image accessible name; defaults to `name`. |
| size | VuAvatarSize | "md" | Overall dimension. Default: `"md"`. |
| radius | VuAvatarRadius | "full" | Corner radius. Default: `"full"`. |
| color | VuAvatarColor | "default" | Fallback surface intent. Default: `"default"`. |
| bordered | boolean | false | Colored ring around the avatar. Default: `false`. |
| disabled | boolean | false | Dims and disables pointer events. Default: `false`. |
| Slot | Description |
|---|---|
| — | - Custom fallback when the image is absent or fails. |
| Part | Description |
|---|---|
| avatar | Outer surface. |
| image | The `<img>` element. |
| fallback | Slot, initials, or default icon wrapper. |
| Name | Definition |
|---|---|
| VuAvatarColor | |
| VuAvatarRadius | |
| VuAvatarSize | |