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/progress.md
1# Progress2Progress indicator4**Parts:** `ProgressRoot`, `ProgressIndicator`6## ProgressRoot8### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"div"` |13| `asChild` | `boolean` | - |14| `getValueLabel` | `((value: number, max: number) => string)` | ``${Math.round((value / max) * DEFAULT_MAX)}%`` |15| `max` | `number` | `DEFAULT_MAX` |16| `modelValue` | `number \| null` | - |17### Emits19| Event | Payload |20|-------|---------|21| `update:max` | `[value: number]` |22| `update:modelValue` | `[value: string[]]` |23### Slots25| Slot | Type |26|------|------|27| `modelValue` | `number \| null \| undefined` |28## ProgressIndicator30### Props32| Prop | Type | Default |33|------|------|---------|34| `as` | `AsTag \| Component` | `"div"` |35| `asChild` | `boolean` | - |36