Reka | Reka UI

Prop	Default	Type
`as`	`'div'`	`AsTag \| Component` The element or component this component should render as. Can be overwritten by `asChild`.
`asChild`		`boolean` Change the default rendered element for the one passed as a child, merging their props and behavior. Read our Composition guide for more details.
`getValueLabel`	isNumber(value) ? `${Math.round((value / max) * DEFAULT_MAX)}%` : undefined	`((value: number \| null, max: number) => string)` A function to get the accessible label text in a human-readable format. If not provided, the value label will be read as the numeric value as a percentage of the max value.
`getValueText`		`((value: number \| null, max: number) => string)` A function to get the accessible value text representing the current value in a human-readable format.
`max`	`DEFAULT_MAX`	`number` The maximum progress value.
`modelValue`		`number \| null` The progress value. Can be bind as `v-model`.

Emit	Payload
`update:max`	`[value: number]` Event handler called when the max value changes
`update:modelValue`	`[value: string[]]` Event handler called when the progress value changes

Slots (default)	Payload
`modelValue`	`number \| null \| undefined` Current input values

Methods	Type
`getValueLabel`	`(value: number \| null \| undefined, max: number) => string \| undefined` A function to get the accessible label text in a human-readable format. If not provided, the value label will be read as the numeric value as a percentage of the max value.