15 lines
431 B
TypeScript
15 lines
431 B
TypeScript
import { Field, FieldLabel } from "@/styles/radix-nova/ui/field"
|
|
import { Progress } from "@/styles/radix-nova/ui/progress"
|
|
|
|
export function ProgressWithLabel() {
|
|
return (
|
|
<Field className="w-full max-w-sm">
|
|
<FieldLabel htmlFor="progress-upload">
|
|
<span>Upload progress</span>
|
|
<span className="ml-auto">66%</span>
|
|
</FieldLabel>
|
|
<Progress value={66} id="progress-upload" />
|
|
</Field>
|
|
)
|
|
}
|