Upload progress
import { Progress } from "@combric/react";
export function Example() {
return <Progress aria-label="Import progress" value={60} max={100} />;
}Progress
Native determinate or indeterminate progress element.
@combric/react · v1.1.1 · Current
Import and usage
import { Progress } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Indeterminate progress
import { Progress } from "@combric/react";
export function Example() {
return <Progress aria-label="Preparing import" max={100} />;
}Public API
| Name |
|---|
Progress |
| Property / capability | Published contract |
|---|---|
| Contract | value |
| Contract | max |
| Contract | native progress props |
Accessibility
Requires a useful accessible name; omit value for indeterminate activity.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.