Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/avatar.md
1# Avatar2User image with fallback4**Parts:** `AvatarRoot`, `AvatarImage`, `AvatarFallback`6## AvatarRoot8### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"span"` |13| `asChild` | `boolean` | - |14## AvatarImage16### Props18| Prop | Type | Default |19|------|------|---------|20| `as` | `AsTag \| Component` | `"img"` |21| `asChild` | `boolean` | - |22| `referrerPolicy` | `"" \| "no-referrer" \| "no-referrer-when-downgrad...` | - |23| `src`* | `string` | - |24### Emits26| Event | Payload |27|-------|---------|28| `loadingStatusChange` | `[value: ImageLoadingStatus]` |29## AvatarFallback31### Props33| Prop | Type | Default |34|------|------|---------|35| `as` | `AsTag \| Component` | `"span"` |36| `asChild` | `boolean` | - |37| `delayMs` | `number` | `0` |38